*{margin:0;padding:0;border:0;}
body {background-color: #fff; overflow-x:hidden;color: #fff; font-size: 12px; font-family: "微软雅黑","Microsoft YaHei", "Arial", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; padding-top:100px;}
video{ background:#000;}
a {
  color: #333;
  text-decoration: none;
  -webkit-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  -moz-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
}
a:hover, a:focus {color: #029bde; text-decoration: none;}
input,select,img{vertical-align:middle;}
ul,li{ list-style:none;}
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}
.wrap{clear:both; width:96%;max-width:1200px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap2{clear:both; width:96%;max-width:1400px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.divhidden{ display:none;}
.l{ float:left;}
.r{float:right;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}

.ico{ display:inline-block; vertical-align:middle; font-style:normal}

.blank80{ height:80px; overflow:hidden;}

.transform-img{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.transform-img:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }

/*PC导航 box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);*/
.header-v1{ width:100%; position:fixed; left:0; top:0; height:120px; z-index:1000000; background:#54b55b; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);}
.header-v1 .top-main{ max-width:1300px; margin:0 auto;  font-size:15px;}
.header-v1 .top-main .logo1{ float:left; height:100%;margin-left:-30px;}
.header-v1 .top-main .logo1 img{ height:90px; position:relative; top:-10px;}
.header-v1 .top-main .logo1 img.gw{ height:65px; margin-left:15px;}
.header-v1 .top-main .logo2{ float:left; height:100%;}
.header-v1 .top-main .logo2 img{ height:90px; position:relative; left:130px; top:-10px;}
.header-v1 .top-main .logo2 img.gw{ height:65px; margin-left:15px;}
.header-v1 .top-main .icozny{ float:right; margin-top:10px; margin-right:-100px;}
.header-v1 .top-main .icozny img{ height:80px;}

.header-v1 .fr{ float:right;}
.header-v1 .languages{ position:relative;}
.header-v1 .languages:hover{ background-color:#1777d5;}
.header-v1 .languages:hover p{ display:block;}
.header-v1 .languages:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -1px;height:4px;opacity: 0;background-color: #c71d32;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages p{ display:none; position:absolute; left:0; top:24px; font-size:12px; width:100%; background:#0066cb;}
.header-v1 .languages p a{ color:#fff; display:block; border-top:1px solid #fff;}

.header-v1 .top-main .top-main-content{ float:right;}
.nav{ list-style:none; padding:40px 0 0 0; margin:0;}
.nav .m{ float:left; padding:0 20px; position:relative;}
.nav a:hover{ text-decoration:none; color:#3ebff7;   }
.navactive{ text-decoration:none; color:#3ebff7 !important;   }
.nav h3{ font-weight:normal; font-size:17px; height:56px; margin:0; line-height:56px; overflow:hidden; width:100%;}
.nav h3 a{ display:block; color:#fff;}
/*
.nav .on h3 a{color:#0066cb; background-color:#fff;}
*/
.nav .sub{ display:none; width:120px; position: absolute; top:55px; left: 50%; margin-left:-60px; background:#fff; z-index:110; border-top:3px solid #0066cb;}
.nav .sub dl{ text-align: center; margin:0; max-width:300px;}
.nav .sub dd{ list-style:none;}
.nav .sub dd a{ display:block; color:#666; font-size:15px; height:40px; line-height:40px;}
.nav .sub dd a:hover{ background:#0066cb; color:#fff;}
.nav #m3 .sub{ width:180px; margin-left:-90px;}
.nav #m4 .sub{ width:170px; margin-left:-85px;}
/*.nav #m5 .sub{ width:140px; margin-left:-70px;}*/

/**
.nav #m4 .sub dl{ width:100%;}
.nav #m4 .sub dt a{ font-size:17px; display:block; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc; font-weight:600; color:#0066cb;}
.nav #m4 .sub dd a{ border-bottom:1px dashed #ccc; background:url(../images/dot.png) 0 50% no-repeat; padding-left:10px; height:36px; line-height:36px;}
.nav #m4 .sub dd a:hover{ color:#0066cb;}
**/

.top_search{ float:right; height:24px; width:24px; margin:0 10px; position:relative;}
.top_search .input1{ width:83%; text-indent:10px; line-height:39px; height:39px; outline:medium; background:none; color:#9c9c9c; text-align:left; font-size:13px; border:0;}
.top_search em{height:100%; width:100%; background:url(../images/ico-search.png) center center no-repeat; cursor:pointer; display:block;}
.top_search em:Hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.top_search .search_con{ display:none;position:absolute; bottom:-56px;right:0px; z-index:99999; width:300px; height: 0; overflow:hidden; padding:5px 10px;z-index:100; border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);border-radius: 2px;}
.top_search .search_con .input1{ height:39px; line-height:39px; background:#f8f8f8; border:0;  width:85%; float:left; outline:none;}
.top_search .search_con .bnts{ float: right; width:15%; height:39px; background:url(../images/top_pic3.png) no-repeat; cursor:pointer;}
.top_search .search_con .bnts:hover{transition:all 0.3s;background:url(../images/top_pic4.png) no-repeat;}

/* 手机导航全局 */
.touch-top{ width:100%; position:fixed; top:0; z-index:9000; background:#fff; display:none;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.touch_bg{width:100%; position:fixed; top:0; z-index:8;background:#0d0d0d;display:none;filter: Alpha(Opacity=60);/*IE7 fix*/opacity: 0.6; height:100%;}
.touch-top-wrapper{ max-width:1500px; margin:0 auto;}
.touch-top-wrapper .touch-logo{ float:left;}
.touch-top-wrapper .touch-logo img{height: 60px;display: block;}
.touch-navigation { display:block; }

	.touch-toggle { position:absolute; right:10px; top:0; }

	.touch-toggle li { float:left; height:70px; padding:0 12px; text-align:center; }

	.touch-toggle li a { height:70px; }

	.touch-toggle li:hover, .touch-toggle li:active { }

	.touch-toggle .touch-toggle-item-first { border-left:none; }

	.touch-toggle .touch-toggle-item-last { border-right:none; }

	.touch-toggle li a { display:block; font-size:12px; }	

	.touch-toggle li i { display:inline-block; width:32px; height:32px; overflow:hidden; /*margin-top:20px;*/margin-top:30px; background-repeat:no-repeat; background-position:center center; background-size:contain; }

	.touch-toggle .touch-icon-language { background-image:url(../images/touch-icon-language.png); }

	.touch-toggle .touch-icon-user { background-image:url(../images/touch-icon-user.png); }

	.touch-toggle .touch-icon-search { background-image:url(../images/head_pic2.png); }

	.touch-toggle .touch-icon-menu { background-image:url(../images/head_pic1.png); }

	.touch-toggle li span { display:none; text-align:center; }
	.drawer-section {/* background-color:#40312f; padding:20px;*/ display:none; }	

	.drawer-section-menu {/* padding:20px 20px 35px;*/  padding:10px 0 0 0;}

	.touch-toggle-content{ clear:both;}
	.touch-menu{ clear:both; border-top:2px solid #0066cb;}
	.touch-menu .phone{ font-size:15px; padding:5px 0; line-height:200%; text-align:center;}
	.touch-menu ul li { border-bottom:1px solid #eee; position:relative; }

	.touch-menu ul li a { color:#333; display:block; font-size:18px; height:48px; line-height:48px;/* padding-left:10px;*/  padding-left:15px;}

	.touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#337ab7; color:#fff; }	

	.touch-menu ul li i { position:absolute; top:14px;/* right:5px;*/ right:25px;  display:block; width:13px; height:13px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:contain; }

	.touch-menu ul li i.touch-arrow-right { display:none; background-image:url(../images/touch-arrow-r.png); }

	.touch-menu ul li i.touch-arrow-down { background-image:url(../images/touch-arrow-d.png); }

	.touch-menu ul li i.touch-arrow-up { background-image:url(../images/touch-arrow-u.png); }
	.touch-menu ul li a:hover i.touch-arrow-down {background-image:url(../images/touch-arrow-d2.png); }
	.touch-menu ul li a:hover i.touch-arrow-up {background-image:url(../images/touch-arrow-u2.png); }

	.touch-menu ul ul { display:none; margin:0;/* padding:0 10px 30px 30px;*/ padding:0 0px 0 0px; background:#fafafa;}

	.touch-menu ul ul li { border-bottom:none; margin:0; padding:0; border-bottom:1px solid #ccc;}

	.touch-menu ul ul li a { color:#666; padding:0; padding-left:35px; font-size:15px; height:38px; line-height:38px;}		

	.touch-menu ul ul li i { top:13px; }
.touch-menu .closetitle{ padding-top:10px; padding-bottom:12px; text-align:center;}
.touch-menu .closetitle img{ margin:0 auto;  height:30px; width:auto;}
/*手机弹出搜索*/
.search_div{ clear:both; width:100%;  overflow:hidden;padding-top:2%; padding-bottom:2%; display:none; /*z-index:999;*/}
.search_div .search_con{ width:92%; margin:5px auto 0 auto; border:1px solid #cdcdcd; height:40px; line-height:40px;}
.search_div .search_con .input1{ text-indent:15px; width:88%; float:left; border:0; background:none; height:40px; line-height:40px; font-size:16px; outline:none; display:block; vertical-align:middle; color:#bbb;}
.search_div .search_con .bnt1{-webkit-appearance: none; float:right; width:12%; max-width:60px; background:url(../images/head_pic2.png) 50% center no-repeat; background-size:auto 55%; border:0; height:100%; cursor:pointer;}


/*尾部*/
.foot_bg{ background:#383d41; padding:50px 0 50px 0;  width:100%; overflow:hidden;}
.foot_con{ margin:0 auto; max-width:1300px; overflow:hidden;}
.foot_con .footer-item{ float:left; width:19%; overflow:hidden;}
.foot_con .footer-item.i2{ height:280px;}
.foot_con .footer-item.i22{ width: 24%;}
.foot_con .foot_con_a a{ font-size:17px; color:#a0a2a1;}
.foot_con .foot_con_a dt{ color:#fff; font-size:22px; font-weight:600; margin-bottom:15px;}
.foot_con .foot_con_a dt .ico-arrow{ background:url(../images/ic_arrow_right.png) no-repeat; width:15px; height:19px; margin-left:25px;}
.foot_con .foot_con_a dd{ height:30px; line-height:30px;}
.foot_con .foot_con_a a:hover{ color:#c30d23;}


.foot_bg .foot_con_a dd.qrcode{ height:auto; display:inline-block; width:130px; height:130px; margin:0 5px;}
.foot_bg .foot_con_a dd.qrcode img{ width:100%; height:100%;}
.foot_bg .i22 .foot_con_a dd.qrcode  p{ text-align:center; color:#fff; font-size:17px;}
.foot_con .foot_con_r{ padding-top:30px;}
.foot_con .foot_con_r img{ width:80px; float:right; margin-bottom:30px; margin-left:12px;}
.foot_con .foot_con_r ul{ float:right;font-size:12px; color:#c7c7c7; line-height:30px; margin-bottom:20px; }
.foot_con .foot_con_r ul li{ display:block;text-align:right; overflow:hidden;height:26px; line-height:28px;}
.foot_con .foot_con_r ul li a:hover{ color:#c30d23;}
.foot_con .foot_con_r ul li .tel{ float:right; padding-left:14px;color:#c7c7c7; background:url(../images/foot_pic1.png) left 4px no-repeat;  }
.foot_con .foot_con_r ul li .email{ float:right; padding-left:25px;color:#c7c7c7; background:url(../images/foot_pic2.png) left center no-repeat;  }
.foot_con .c_l{ clear:both;}
.foot_bg2{ background-color:#0066cb; padding:15px; color:#fff; text-align:left; overflow:hidden;}
.foot_bg2 a{color:#fff;}
.foot_con2{ margin:0 auto; max-width:1300px; font-size:14px; overflow:hidden;}
.foot_bg2 .foot_con2 .fr{ float:right;}

.foot_bg .foot_con .footer_fx_r .ct-info{ color:#fff; font-size:16px;}
.foot_bg .foot_con .footer_fx_r .ct-info p{ position:relative; padding-left:90px; margin:5px 0;}
.foot_bg .foot_con .footer_fx_r .ct-info p span{ display:block; width:90px; position:absolute; left:0; top:0;}
.foot_bg .foot_con .footer_fx_r li{ float:left; margin:0 10px; width:30px; height:34px; margin-top:20px; cursor:pointer;}
.foot_bg .foot_con .footer_fx_r li a{ display:block;}
.foot_bg .foot_con .footer_fx_r li:Hover{opacity:0.8; filter:alpha(opacity=80);}
.foot_bg .foot_con .footer_fx_r li.foot_weixin{ background:url(../images/i_foot_pic2.png) center center no-repeat;}
.foot_bg .foot_con .footer_fx_r li.foot_qq{ background:url(../images/i_foot_pic3.png) center center no-repeat;}
.foot_bg .foot_con .footer_fx_r li.foot_weibo{ background:url(../images/i_foot_pic4.png) center center no-repeat;}
.foot_bg .foot_con .footer_fx_r li.foot_sinna{ background:url(../images/i_foot_pic5.png) center center no-repeat;}
.foot_bg .foot_con .footer_fx_r .ewm{ width:150px; height:150px;background:url(../images/ewm.png) no-repeat; margin-top:-180px; position:absolute; margin-left:-90px; display:none; }
.foot_bg .foot_con .footer_fx_r li.foot_weixin:hover .ewm{ display:block;}
.foot_bg .foot_con .footer_fx_r li.foot_weixin:hover .ewm img{ width:100%; height:100%; display: block;}
.foot_bg .foot_con .footer_fx_r li.foot_weixin{opacity:1; filter:alpha(opacity=100);}
.foot_bg .foot_con .footer_fx_r img{ margin-left:24px; margin-top:22px; width:150px; height:150px; }



/*CSS3动画*/
.animation-rotate{-webkit-transition:all 1.5s ease-in-out; -moz-transition:all 1.5s ease-in-out; -ms-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out; transition:all 1.5s ease-in-out;}
.animation-rotate:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}

.animation-btn{ -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.animation-btn:hover{ -webkit-transition: all 250ms linear; transition: all 250ms linear;}

.gotop{ position:fixed; bottom:10%; right:1%; width:51px; height:51px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
}
.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}

/*首页单页*/
.about_ul{ width:60%; margin:0 auto;}
.about_ul li{ width:30%; padding:0 1.5%; float:left; text-align:center;}
.about_ul li em{ display:block; font-size:16px; font-weight:bold;}
.about_ul li h2{ font-size:31px; color:#231815;  margin-bottom:22px; font-weight:400;}
.about_ul li a.link{ display:inline-block; width:92px; height:36px; line-height:36px; border:1px solid #8c8e8d; font-size:14px; text-align:center; color:#8c8e8d; border-radius:20px;}
.about_ul li a.link:hover{ color:#c80003; border-color:#c80003;}
.about_ul li img{ max-width:320px; width:auto; height:160px; margin-bottom:20px; border-radius:15px;}

@media screen and (max-width: 1370px) {
/*PC导航*/
.nav h3{ font-size:20px;}
.about_ul{ width:80%;}
.foot_con .footer-item{ width:17%; padding-left:1%;}
.foot_con .footer-item.i2{ height:280px;}
.foot_con .footer-item.i22{ width: 27%;}

.foot_con .foot_con_a a{ font-size:16px;}
.foot_con .foot_con_a dt{ font-size:21px;}
}

@media screen and (max-width: 1200px) {
/* 手机导航全局 */
.blank_h{ height:90px;}
.header-v1{ display:none;}
.touch-top{ display:block; padding:10px;}
.top_search{ width:90%; overflow:hidden; margin-bottom:10px; margin-top:0;background:url(../images/search_bg.png) #eee right center no-repeat; margin-right:5%;}



}
@media screen and (max-width: 1000px) {

.m-none{ display: none;}

body{ padding-top:70px;}
.blank_h{ height:80px;}
.touch-top-wrapper .touch-logo img{ height:80px;}
.touch-toggle li i{ margin-top:20px;}
.touch-menu ul li a{ font-size:16px; height:40px; line-height:40px;}

/* 手机导航全局 */
.blank_h{ height:70px;}
.touch-top-wrapper .touch-logo img{ height:50px;}
.touch-toggle li{ padding-left:8px; padding-right:8px;}
.touch-toggle li i{ width:26px; height:26px; margin-top:23px;}

.foot_bg{ background:#383d41; width:100%; padding:20px 0; overflow:hidden;}
.foot_con .footer-item{ float: none; width:90%; margin:0 5%;}
.foot_con .footer-item.i2{ height: auto; padding-left:0;}
.foot_con .footer-item.i3,.foot_con .footer-item.i22{ width: 90%; margin:0 5%;}
.foot_bg .foot_con .footer_fx_r{ width:90%; padding-left:0; float:none;}
.foot_bg .foot_con .footer_fx_r ul{ padding-left:15px;}
.foot_bg .foot_con .footer_fx_r li{ float:left; margin:10px 18px 0 0; width:30px; height:34px; cursor:pointer;}

.foot_bg .foot_con_a dd.qrcode{ height:auto; display:inline-block; width:48%; height: auto; margin:0; padding:10px 0 0 0; text-align:center;}
.foot_bg .foot_con_a dd.qrcode img{ width:80%; height:80%;}

.foot_con .foot_con_a a{ font-size:16px;}
.foot_con .foot_con_a dt{ font-size:18px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #666; text-indent:15px;}
.foot_con .foot_con_a dt .ico-arrow{}
.foot_con .foot_con_a dd{ height:30px; line-height:30px; text-indent:15px;}

.foot_bg2 .foot_con2{ text-align:center;}
.foot_bg2 .foot_con2 .fr{ float:none; width:100%; margin-bottom:20px;}

.foot_bg .foot_con .footer_fx_r .ewm{ width:100px; height:100px;background:url(../images/ewm.png) no-repeat; margin-top:-130px; position:absolute; margin-left:-50px; display:none; }
}



.top-nav{ height:24px; line-height:24px; text-align:right;}
.top-nav a{ color:#fff;}
.top-nav span{ margin-left:10px;}
.top-nav b{ display:inline-block; background:#0066cb; text-align:center; height:24px; line-height:24px; color:#fff; padding:0 15px; font-weight:500;}
.top-nav b:last-child{ border-left:1px solid #fff;}

.basic-pagination ul li,.basic-pagination ul li{ display: inline-block;}
.basic-pagination ul li a {
	height: 70px;
	width: 70px;
	background: #ffffff;
	color: #9990b8;
	font-size: 16px;
	font-weight: 500;
	border-radius: 50%;
	line-height: 70px;
	margin: 0px;
	display: inline-block;
	text-align: center;
}
.basic-pagination ul li a:hover ,.basic-pagination ul li.active a {
	background: #884122;
	color: #ffffff;
}

.basic-pagination-2 ul li a {
	background: transparent;
	color: #9990b8;
	border: 2px solid #eaebec;
	height: 60px;
	width: 60px;
	line-height: 56px;
}
.basic-pagination-2 ul li a:hover,.basic-pagination-2 ul li.active a {
	background: #884122;
	color: #ffffff;
	border-color: #884122;
}


﻿/*首页*/
.i_pro_bg2{ background-color:#fff; overflow:hidden;}
.i_pro_t{ height:90px; overflow:hidden; line-height:90px; text-align:center; font-size:42px; color:#333333; font-weight:600; margin-top:2%;}
.i_pro_p{ text-align:center; font-size:21px; color:#999; margin-bottom:3%;}

/*滚动产品与案例*/
.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top:20px;text-align: center;}
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:35px; height:35px;/*IE7 life-saver*/ text-indent:40px; margin-top:-20%; z-index:9; position:relative; overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; opacity:1;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/s_left2.png) no-repeat; float:left;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:url(../images/s_left2_on.png) no-repeat;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/s_right2.png) no-repeat; float:right;}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:url(../images/s_right2_on.png) no-repeat;}
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ display:none;}
.owl-theme .owl-controls .owl-page span{display: block;width: 16px;height: 16px;margin: 5px 7px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background:url(../images/i_bg3.png) no-repeat;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{background:url(../images/i_bg4.png) no-repeat;}
/* If PaginationNumbers is true*/
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/
.owl-item.loading{min-height: 150px;background: url(../images/ajaxloader.gif) no-repeat center center}

.i_case{ background:#fafafa;}
#owl-demo{ padding-bottom:3%; margin:0 auto; max-width:1200px;}
#owl-demo .item{margin: 0 10px; position:relative; height:360px; border-radius:10px; overflow:hidden;}
#owl-demo .item img{height: 100%;width: 100%;transition: all 0.3s;}
#owl-demo .item .bg-list-img{ position:absolute; bottom:0; width:100%; height:100%; -webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
#owl-demo .item .i_pro_bg{position:absolute; width:100%; bottom:0; -webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;filter: Alpha(Opacity=0);}
#owl-demo .item .bg-list-yew{ height:100%; width:80%; margin:0 auto; color:#fff;}
#owl-demo .item .bg-list-yew h5{ font-weight:600; font-size:23px;}
#owl-demo .item .bg-list-hs{ width:80%; margin:5% auto 5% auto;}
#owl-demo .item .bg-list-hs p{ color:#fefefe; font-size:14px; overflow:hidden; line-height:22px; display:none;}
#owl-demo .item  a.btn{ padding:0; width:138px; height:48px; line-height:48px; border-radius:6px; font-size:15px; background:#0066cb; color:#fff; margin:0 10% 10% 10%; text-align:center; display:inline-block;}
#owl-demo .item:hover img{filter: Alpha(Opacity=75);/*IE7 fix*/opacity: .75;transition: all 0.3s;}


/*首页产品*/
#owl-demo2{ margin:1% auto 5% auto; text-align:center;}
#owl-demo2.owl-theme .owl-controls .owl-buttons{ position:absolute; top:50%; width:100%; left:0; height:0;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:59px; height:90px; text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; margin-top:0;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/i_case_left.png) no-repeat; float:left;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/i_case_left_on.png) no-repeat;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/i_case_right.png) no-repeat; float:right;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/i_case_right_on.png) no-repeat; }
#owl-demo2.owl-theme .owl-controls .owl-page{ display:inline-block;}

#owl-demo2 .item{margin:0; padding:80px; text-align:center; background:#f5f5f5;}
#owl-demo2 .owl-item:nth-child(even) .item{ background:#ededed;}
#owl-demo2 .item img{display: block; margin:0 auto;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; max-width:100%;}
#owl-demo2 .item dd{ width:100%; margin:0 auto;}
#owl-demo2 .item dd .imgs{ position:relative; width:100%; overflow:hidden;}
#owl-demo2 .item dd .imgs p{ position:absolute; width:100%; height:100%; background:url(../images/i_bg5.png) center center no-repeat; top:0; text-align:center;opacity:0; filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
#owl-demo2 .item dd h2{ font-weight:normal; color:#333; font-size:21px; line-height:90px; height:90px; overflow:hidden;}
#owl-demo2 .item dd h2:hover{ font-weight:600; color:#0065c9;}
#owl-demo2 .item dd:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
#owl-demo2 .item dd:hover .imgs p{opacity:1; filter:alpha(opacity=100);}
#owl-demo2 .item dd a.more{ display: inline-block; background:#0054aa; color:#fff; width:144px; height:48px; line-height:48px; border-radius:6px; font-size:17px;}

/*关于我们*/
.i_about{overflow:hidden; background:url(../images/aboutbg.jpg) #333 center top no-repeat; height:660px; background-size:cover;}
.i_about .i_about_con{ width:100%; max-width:1200px; margin:0 auto; padding-top:3%; overflow:hidden;}

.i_about .i_about_more{ width:80px; height:80px; background:url(../images/ajf.png) no-repeat; background-size:100%; display:block; margin:21% auto 3% auto; color:#fff; clear:both; -webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.i_about .i_about_more:hover{filter: Alpha(Opacity=80);opacity: 0.8;-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}

/*资讯中心*/
.i_news_bg{ background:#fff;padding-bottom:2%; overflow:hidden;}
.i_news_a{ text-align:center; overflow:hidden; padding-top:1%; padding-bottom:1%; font-size:17.8px; margin-top:10px;}
.i_news_a a{ display:inline-block; color:#fff; margin-left:12px; margin-right:12px;}
.i_news_a a.osel{ color:#d23e4a;}
.i_news_con{overflow:hidden; width:98%; max-width:1294px; margin:0 auto; margin-top:10px; padding-bottom:20px;}
.i_news_con .i_news_div{ padding-bottom:7px;}
.i_news_con .i_news_div .item{ margin:10px;}
.i_news_con .i_news_div img{ width:50%; display:block; float:right;}
/*首页公司资讯*/

#owl-demo3{}
#owl-demo3.owl-theme .owl-controls .owl-buttons{ position:absolute; top:66%; width:100%; left:0; height:0;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:35px; height:35px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0; float:none;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/s_left2.png) no-repeat;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/s_left2_on.png) no-repeat;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/s_right2.png) no-repeat;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/s_right2_on.png) no-repeat; }

#owl-demo3.owl-theme .owl-controls{ margin-top:0;}
#owl-demo3 .item{margin: 15px;}
#owl-demo3 .item .cat-img{ border-radius:15px; overflow:hidden; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
#owl-demo3 .item img{display: block;height: 100%;width: 100%;}


#owl-demo3 .item dt{ height:40px; line-height:40px; padding:0;}
#owl-demo3 .item  h2{ color:#333; font-weight:600; font-size:23px; padding-bottom:40px;}
#owl-demo3 .item dd { overflow:hidden; height:36px; line-height:36px; font-size:17px; padding-left:15px; background:url(../images/dot.png) 0 50% no-repeat;}


/*首页行业资讯*/
#owl-demo4.owl-theme .owl-controls{ margin-top:0;}
#owl-demo4{ text-align:center;}
#owl-demo4.owl-theme .owl-controls .owl-buttons{ position:absolute; top:66%; width:100%; left:0; height:0;}
#owl-demo4.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:35px; height:35px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0; float:none;}
#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/s_left2.png) no-repeat;}
#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/s_left2_on.png) no-repeat;}
#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/s_right2.png) no-repeat;}
#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/s_right2_on.png) no-repeat; }


#owl-demo4 .item{margin: 0px;}
#owl-demo4 .item img{display: block;height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
#owl-demo4 .item dd{ width:100%; margin:0 auto; position:relative; overflow:hidden;}
#owl-demo4 .item dd .imgs{ width:50%; overflow:hidden; float:right; position:relative;}
#owl-demo4 .item dd .imgs h2{ height:46px; line-height:46px; background:url(../images/i_news_bg4.png) repeat; overflow:hidden; bottom:0; left:0; width:94%; position:absolute; color:#fff; text-align:left; font-weight:normal; font-size:16px; padding-left:3%; padding-right:3%;}
#owl-demo4 .item dd .imgs h2 em{ float:right; margin-left:10px;}
#owl-demo4 .item dd .i_news_l{ position:absolute; width:50%; height:100%; left:0; top:0;}
#owl-demo4 .item dd .i_news_l ul{ margin-top:2%; overflow:hidden;}
#owl-demo4 .item dd .i_news_l ul li{ display:block; overflow:hidden; background:url(../images/i_news_bg3.png) center bottom no-repeat; background-size:80% 1px; padding-bottom:4%; padding-top:2%; text-align:left; padding-left:4%; padding-right:4%;}
#owl-demo4 .item dd .i_news_l ul li .four_date{ float:left; width:18%; overflow:hidden;color:#999999; font-size:12px; line-height:26px; border-right:1px solid #e2e2e2; text-align:center;}
#owl-demo4 .item dd .i_news_l ul li .four_date b{ font-size:50px; display:block; line-height:50px; font-family:Impact; font-weight:normal;}
#owl-demo4 .item dd .i_news_l ul li .four_txt{ float:left; width:80%; overflow:hidden; text-align:left;transition:all 0.3s;}
#owl-demo4 .item dd .i_news_l ul li .four_txt h2{ height:30px; line-height:30px; margin-top:1%; overflow:hidden; font-weight:normal; font-size:18px; padding-left:20px; padding-right:10px; color:#121212;}
#owl-demo4 .item dd .i_news_l ul li .four_txt p{ line-height:20px; height:40px; overflow:hidden;padding-left:20px; padding-right:10px; font-size:14px; color:#666;}
#owl-demo4 .item dd .i_news_l ul li:hover .four_txt{ color:#333;}
#owl-demo4 .item dd .i_news_l ul li:hover .four_txt h2{color:#d23e4a;}
#owl-demo4 .item dd .i_news_l ul li:last-child{ background:none;}
/*服务中心*/
.i_service_bg{background: url(../images/i_service_bg.jpg) center top no-repeat; overflow:hidden; color:#fff;}
.i_service_bg em{ display:block; font-size:14px; line-height:22px; text-align:center; margin-top:13px; font-style:italic;}
.i_youshi{ width:100%; max-width:728px; margin:0 auto; overflow:hidden; margin-top:2%; margin-bottom:1%;}
.i_youshi ul{ padding:0;}
.i_youshi ul li{ float:left; width:25%; overflow:hidden; line-height:36px; margin-top:20px; text-align:center; color:#fff; font-size:16px;}
.i_youshi ul li img{ margin:0 auto; display:block; width:76%; max-width:98px;-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }
.i_youshi ul li a{ color:#fff;}
.i_youshi ul li:Hover img{-webkit-transform:rotate(30deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);transform:rotate(360deg);}

.i_service_bg .i_service_more{ margin:0 auto;width:175px; height:40px; overflow:hidden; background:url(../images/i_service_bg2.png) no-repeat; text-indent:68px; font-size:17.6px; letter-spacing:1.5px; display:block; margin-bottom:20px; line-height:40px; color:#fff; clear:both;}
.i_service_bg .i_service_more:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}
/*轮显*/
.flash_div{ width:100%; margin:0 auto; overflow:hidden;/* min-height:550px;*/display:none;}
.flash{height:140px;width:320px;overflow:hidden;position:relative;margin:0 auto;/*margin-top:100px;*/}
.ul_flash{width:100000px;height:100%}
.ul_flash li{float:left;width:320px;height:100%}
.ul_flash img{width:100%;height:100%}
.flash .pagination{clear:both;position:absolute;left:44%;bottom:0;z-index:9;height:10px; float:left; text-align:left;}
.flash .pagination span{ float:left;background:#0066cb; background-size:100% 100%;width:12px;height:12px;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;overflow:hidden;margin:0 3px;cursor:pointer;position:relative}
.flash .pagination span.swiper-active-switch{ background:#FFF; background-size:100% 100%;}

@media screen and (max-width: 1600px) {
#owl-demo .item{ height:360px;}
.owl-theme .owl-controls .owl-buttons div{ margin-top:-20%;}
}
@media screen and (max-width: 1280px) {
#owl-demo .item{ height:360px;}
.owl-theme .owl-controls .owl-buttons div{ margin-top:-26%;}
}
@media screen and (max-width: 1200px) {
/*首页公司资讯*/
#owl-demo3 .item dd .i_news_l ul li{ padding-bottom:3%;}
#owl-demo3 .item dd .i_news_l ul li .four_date b{ font-size:40px;line-height:40px; }
#owl-demo3 .item dd .i_news_l ul li .four_txt h2{ font-size:16px; height:24px; line-height:24px;}

/*首页行业资讯*/
#owl-demo4 .item dd .i_news_l ul li{ padding-bottom:3%;}
#owl-demo4 .item dd .i_news_l ul li .four_date b{ font-size:40px;line-height:40px; }
#owl-demo4 .item dd .i_news_l ul li .four_txt h2{ font-size:16px; height:24px; line-height:24px;}
}
@media screen and (max-width: 1100px) {
#owl-demo .item{ height:360px;}
}
@media screen and (max-width: 1000px) {
#owl-demo .item{ height:360px;}
/*首页公司资讯*/
#owl-demo3 .item dd .i_news_l ul li{padding-top:3%;}
#owl-demo3 .item dd .i_news_l ul li .four_date b{ font-size:30px;line-height:30px; }
#owl-demo3 .item dd .i_news_l ul li .four_txt p{ height:20px;}

/*首页行业资讯*/
#owl-demo4 .item dd .i_news_l ul li{padding-top:3%;}
#owl-demo4 .item dd .i_news_l ul li .four_date b{ font-size:30px;line-height:30px; }
#owl-demo4 .item dd .i_news_l ul li .four_txt p{ height:20px;}

}

@media screen and (max-width:979px) {
/*案例*/
.owl-theme .owl-controls .owl-buttons div{ margin-top:-27%;}
#owl-demo .item{ height:360px;}
/*首页公司资讯*/
#owl-demo3 .item dd .i_news_l ul li{padding-top:2%;}
#owl-demo3 .item dd .imgs h2{ font-size:14px; height:36px; line-height:36px;}

/*首页行业资讯*/
#owl-demo4 .item dd .i_news_l ul li{padding-top:2%;}
#owl-demo4 .item dd .imgs h2{ font-size:14px; height:36px; line-height:36px;}

.i_about .i_about_more{ margin-top:32%;}

}
@media screen and (max-width:830px) {
/*首页公司资讯*/
#owl-demo3.owl-theme .owl-controls .owl-buttons{ top:50%;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{ float:left;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ float:right;}
#owl-demo3 .item dd .imgs{ display:none;}
#owl-demo3 .item dd .i_news_l{ width:100%; position:relative;}

/*首页行业资讯*/
#owl-demo4.owl-theme .owl-controls .owl-buttons{ top:50%;}
#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev{ float:left;}
#owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next{ float:right;}
#owl-demo4 .item dd .imgs{ display:none;}
#owl-demo4 .item dd .i_news_l{ width:100%; position:relative;}

/*轮显*/
.module-content{ display:none;}
.flash_div{ display:block;}
}
@media screen and (max-width:768px) {
/*案例*/
.owl-theme .owl-controls .owl-buttons div{ margin-top:-41%;}
#owl-demo .item{ height:480px;}

/*关于我们*/
.i_about{ height:450px;}
.i_about .i_about_more{ width:68px; height:68px; margin-top:32%;}

.owl-theme .owl-controls .owl-buttons div{ margin-top:-40%;}

.i_pro_t{ font-size:23px; height:70px; line-height:70px; padding-top:3%;}
.i_pro_p{ font-size:17px; padding:0 5% 5% 5%;}
/*首页产品*/
#owl-demo2 .item{ padding:20px;}
#owl-demo2.owl-theme .owl-controls .owl-buttons{ display:none;}
/*案例*/
#owl-demo.owl-theme .owl-controls .owl-buttons{ display:none;}


.i_about{ height:230px;}
.i_about .i_about_more{ width:50px; height:50px; margin-top:32%;}

}
@media screen and (max-width: 480px) {
/*案例*/
.owl-theme .owl-controls .owl-buttons div{ margin-top:-70%;}
#owl-demo .item .bg-list-hs p{ height:88px;}
/*服务中心*/
.i_youshi ul li{ font-size:14px;}
}

@media screen and (max-width:320px) {
/*案例*/
.owl-theme .owl-controls .owl-buttons div{ margin-top:-88%;}
/*服务中心*/
.i_youshi ul li{ font-size:12px;}
}



/*头部样式*/

.home_header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.xy-head-left {
    position: absolute;
    line-height: 90px;
    z-index: 6;
    margin-top: 5%;
}

.xy-head-left img {
    max-width: 100%;
}

@media(max-width:768px) {
    .xy-head-left {
        display: none;
    }
}


/*主体样式*/

.menu_cate {
    width: 220px;
    float: left;
}

.cate_title {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.about {
    width: 460px;
    float: left;
    margin-left: 12px;
    padding-bottom: 5px;
}

.about_title {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.about .content {
    padding: 5px;
    padding-bottom: 12px;
    text-indent: 20px;
}

.navigation {
    float: right;
    width: 100px;
}

.index-title {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.index-table td {
    border: solid #add9c0;
    border-width: 0px 1px 1px 0px;
    padding: 10px 5px;
}

.index-table {
    border: solid #add9c0;
    border-width: 1px 0px 0px 1px;
    margin-top: 10px;
}

.news_detail .share{
    margin-top:20px;
}


/*----- Common css ------*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}


/*首页新闻*/

.news_company {
    width: 280px;
    float: right;
}

.news1_title {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.news_company .content {
    padding: 5px;
}


/*首页左侧联系我们*/

.contact {
    width: 218px;
    float: left;
    padding-bottom: 5px;
    margin-top: 10px;
}

.contact_title {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.contact .content {
    padding: 5px;
    padding-left: 8px;
}


/*工程案例*/

.case {
    width: 460px;
    float: left;
    margin-left: 12px;
    padding-bottom: 5px;
    margin-top: 10px;
}

.case_title {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.case .content {
    padding: 5px;
    padding-bottom: 12px;
    text-indent: 20px;
}

.news2_company {
    margin-top: 10px;
}


/*产品推荐*/

.recommend_product {
    margin-top: 10px;
    width: 692px;
    float: left;
}

.recommend_product .title {
    line-height: 31px;
    padding-left: 15px;
    font-weight: bold;
    font-family: "微软雅黑";
    background: url(../images/nav.png) no-repeat 0% 100%;
    font-size: 14px;
    color: #000;
}

.recommend_product .content {
    padding-top: 15px;
    padding-bottom: 14px;
}

.roll_product li {
    padding-bottom: 0px;
}


/*品牌列表*/

.brand-list {
    margin: 20px 0px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.brand-list li {
    margin: 5px 8px;
}

.brand-list li:hover {
    box-shadow: 2px 1px 5px;
}

.brand-list li img {
    width: 150px;
    height: 120px;
}


/*前台多页签*/

.news {
    width: 1000px;
    float: left;
    margin-top: 10px;
}

.tab {
    position: relative;
}

.tab li {
    float: left;
    width: 100px;
    height: 30px;
    display: block;
    line-height: 30px;
    border: 1px solid #ccc;
    margin-right: 8px;
    text-align: center;
    color: #333;
    font-size: 12px;
    cursor: pointer;
}

.tab li.cur {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    background: #3a78c1;
    border-color: #3a78c1;
}

.tt {
    display: none;
}

.list1 {
    padding: 8px 10px;
}

.list1 li {
    line-height: 27px;
    position: relative;
    vertical-align: middle;
}

.list1 li a {
    background: url(../images/list_dot1.gif) left center no-repeat;
    padding-left: 12px;
    line-height: 27px;
    color: #555555;
}

.list1 li a:hover {
    color: #e87518;
    text-decoration: none;
}

.list1 li span {
    position: absolute;
    right: 0px;
    line-height: 30px;
    top: 0;
    color: #999;
}


/* 内页左侧导航栏样式 */

.xypg-left-nav>li {
    margin-bottom: 12px;
    position: relative;
}

.xypg-left-nav>li>a {
    display: block;
    text-indent: 27px;
    font-size: 14px;
    color: #666666;
    position: relative;
    line-height: 40px;
    border: 1px solid #e4e4e4;
    padding-right: 15%;
}

.xypg-left-nav>li .first-nav-btn {
    position: absolute;
    z-index: 99;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #d1d1d1 url(../images/xypg-left-jt.png) 0 -15px no-repeat;
    right: 10%;
    top: 13px;
}

.xypg-left-nav>li .first-nav-btn.clicked {
    background: #0054a3 url(../images/xypg-left-jt.png) 0 1px no-repeat;
}

.xypg-left-nav>li:last-child {
    margin-bottom: 0;
}

.xypg-left-nav>li:hover>a,
.xypg-left-nav>li.clicked>a {
    color: #152942;
}

.xypg-left-nav>li:hover .first-nav-btn,
.xypg-left-nav>li.clicked .first-nav-btn {
    background-color: #0054a3;
}

.xypg-left-nav .xypg-left-subnav {
    display: none;
    margin-top: 10px;
}

.xypg-left-nav .xypg-left-subnav>li>a {
    display: block;
    line-height: 35px;
    color: #666666;
    font-size: 14px;
    padding-left: 15%;
    padding-right: 5%;
}

.xypg-left-nav .xypg-left-subnav>li>a:before {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #d4d4d4;
    border-right: none;
    vertical-align: 5px;
    margin-right: 10px;
}

.xypg-left-nav .xypg-left-subnav>li>a:hover {
    color: #e87518;
}

.xypg-left-nav .xypg-left-subnav>li>a:hover:before {
    border-left-color: #e87518;
}

.xypg-left-nav .xypg-left-subnav>li.hover>a:before {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: solid dashed dashed dashed;
    border-color: #1f7c68 transparent transparent transparent;
    border-bottom: none;
    vertical-align: middle;
    margin-right: 5px;
}

.xypg-left-nav .xypg-left-threenav {
    display: none;
}

.xypg-left-nav .xypg-left-threenav>li>a {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    padding-left: calc(15% + 15px);
    padding-right: 5%;
}

.xypg-left-nav .xypg-left-threenav>li>a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 2px;
    background: #d4d4d4;
    margin-right: 5px;
}

.xypg-left-nav .xypg-left-threenav>li>a:hover {
    color: #1f7c68;
}

@media (max-width: 990px) {
    .xypg-left-nav .xypg-left-threenav {
        display: block;
    }
}


/*友情链接*/


/*页面底部*/

#footer {
    position: relative;
    background: #0054a3;
    padding: 20px 0 35px 0;
    font: 400 12px/30px "微软雅黑";
    margin-top: 50px;
}

#footer a {
    color: #fff;
}

#footer a:hover {
    color: #999;
    text-decoration: none;
}

#footer h3 {
    font: 500 22px/1 "微软雅黑";
    color: #fff;
}

.link a {
    font: 500 12px/1 "微软雅黑";
    display: block;
    /*float: left;*/
    margin: 35px 60px 0 0;
    color: #fff!important;
}

.link a:nth-child(4n) {
    margin-right: 0;
}

.fwz {
    color: #fff!important;
}
.beian{
    color:#fff;
}

.copyright,
.copyright a,
.rexiao,
.rexiao a {
    color: #fff!important;
    font: 500 12px/2 "微软雅黑";
}

.ftb li {
    float: left;
    width: 29px;
    height: 24px;
    margin: 30px 22px 0 0;
}

.ft1 {

    background: url(../images/qq.png) center no-repeat;

}

.ft2 {

    background: url(../images/wx.png) center no-repeat;
}

.ewm1 {
    position: absolute;
    bottom: 46px;
    left: -27px;
    width: 90px;
    z-index: 99999;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.7s linear;
    -webkit-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
}
.ftb li .ewm1 img{
    width:90px;
    height:90px;
}
.ft1:hover .ewm1, .ft2:hover .ewm1 {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: all 0.7s linear;
    -webkit-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
}

#goToTop {
    position: fixed;
    bottom: 241px;
    right: 5%;
    color: #fff;
}

#goToTop a {
    display: block;
    background: url(../images/gotop.png) no-repeat;
    width: 50px;
    height: 52px;
    z-index: 999999;
}

@media(max-width:768px){
    .link, .beian, #m_div, .kf-open{
        display:none;
    }
}
/* 内页基本样式 */

.prodescription {
    position: relative;
    padding: 0 0 40px 145px;
    color: #555;
    line-height: 32px;
}

.n_banner {
	background-position:center center; background-repeat:no-repeat; background-size:auto 100%;
	height:500px;
	width:100%;
}

@media(max-width:768px) {
    .n_banner {
      height:180px;  
    }
}


.xypg-wrap {
    padding-top: 20px;
    padding-bottom: 40px;
}

.xypg-left-box {
    margin-bottom: 20px;
}

.xypg-left-title {
    line-height: 44px;
    padding-left: 0px;
    font-weight: 400;
    font-family: 微软雅黑;
    color: rgb(51, 51, 51);
    font-size: 20px;
    border-bottom: 1px solid rgb(226, 226, 226);
    background: none;
    position: relative;
}

.xypg-left-title::after {
    content: "";
    width: 75px;
    height: 2px;
    background: #0054a3;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.xypg-left-con {
    border: 1px #e0e0e0 solid;
    padding: 15px;
    line-height: 28px;
    position: relative;
}
.xypg-left-con ul{
    margin-bottom: 0;
    margin-top: 0;
}
.xypg-left-con ul li h3{
      margin-bottom: 0;
    margin-top: 0;
    font:400 15px/36px "Microsoft yahei";
}
.xypg-left-con::before {
    content: "";
    display: block;
    width: 20px;
    height: 10px;
    background: url(../images/icon-all.png) 0 -90px;
    position: absolute;
    top: -10px;
    left: 35px;
}

.sort li a {
    background: url(../images/dot4.png) no-repeat 5px -41px;
    color: #666;
    display: block;
    line-height: 30px;
    font-family: "å¾®è½¯é›…é»‘";
    border-bottom: 1px solid #dddddd;
    padding-left: 25px;
}
.sort li a:hover,.sort li a.active {
    padding-left: 30px;
    color: #fff;
    text-decoration: none;
    background: url(../images/dot4.png) no-repeat 5px -41px #1a3f8f;
}
.sort li.change a {
    background: url(../images/dot4.png) no-repeat 5px -41px #1a3f8f;
}

.latest-news li {
    margin-top: 15px;
}

.latest-news li a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
}

.latest-news li a:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #d1d1d1 url(../images/xypg-left-jt.png) -1px -16px no-repeat;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
}

.latest-news li a:hover {
    color: #0054a3;
    text-decoration: none;
}

.latest-news li a:hover:before {
    background-color: #0054a3;
}

.hot-keys li {
    width: 47%;
    float: left;
    margin: 6px 0;
}

.hot-keys li a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #666666;
	height:36px;
	overflow:hidden;
    line-height: 36px;
    background: #ededed;
}

.hot-keys li a:hover {
    color: #0054a3;
    text-decoration: none;
}

.hot-keys li:nth-child(even) {
    float: right;
}

.contact-box .hot-line {
    background: url(../images/xypg-right-phone.png) left 5px no-repeat;
    padding-left: 70px;
    margin-bottom: 15px;
}

.contact-box .hot-line h4 {
    font-weight: normal;
    margin: 0;
    font-size: 14px;
    color: #666666;
}

.contact-box .hot-line p {
    font-size: 22px;
    font-family: Arial;
    font-weight: bold;
    color: #ab001a;
    margin-bottom: 0;
}

.contact-box .gs-name {
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;
}

.contact-box .contact-info p {
    margin-bottom: 0;
    border-bottom: 1px dotted #b8b8b8;
    font-size: 14px;
    color: #333333;
    padding: 8px 0;
}

.contact-box .contact-info p:last-child {
    border-bottom: 0;
}

.xypg-right-mbx {
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
    color: #666666;
    line-height: 25px;
    padding: 17px 0 7px 0;
}

.xypg-right-mbx .cur-pos {
    display: inline-block;
    color: #333;
}

.xypg-right-mbx .cur-pos .iconfont {
    font-size: 25px;
    display: inline-block;
    height: 25px;
    color: #000;
    margin-right: 5px;
}

.xypg-right-mbx a {
    color: #666;
}

.xypg-right-mbx a:hover {
    color: #0054a3;
    text-decoration: underline;
}

@media (max-width: 992px) {
    .xypg-left {
        display: none;
    }
    .xypg-right-mbx {
        padding-top: 0;
    }
}

.xypg-right-content {
    font-size: 14px;
    color: #333;
    line-height: 1.7;
    padding: 15px 0;
}

.xypg-right-content .cn {
    color: #0054a3;
    font-size: 36px;
    line-height: 46px;
    display: block;
}

.xypg-right-content img {
    max-width: 100%;
	height:auto;
}

.navigation a {
    display: inline-block;
    font-size: 14px;
    color: #333333;
    font-family: "Microsoft YaHei", Arial;
    line-height: 26px;
    border: 1px solid #cbcbcb;
    margin: 0 5px;
    padding: 0 8px;
}

.navigation a.previous_page {
    float: left;
}

.navigation a.next_page {
    float: right;
}

.navigation a:hover {
    color: #fff;
    border-color: #ab001a;
    background: #ab001a;
}

.xypg-wrap .xymob-page-icon {
    position: fixed;
    right: 15px;
    bottom: 100px;
    z-index: 9999;
}

@media (min-width: 992px) {
    .xypg-wrap .xymob-page-icon {
        display: none;
    }
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 28px;
    height: 28px;
    margin: 7px;
    position: relative;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: none;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}

#fp-nav {
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a {
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/sprite2.png) no-repeat;
    background-position: 0 0;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #848484;
    border-radius: 50%;
}

#fp-nav ul li .active+.fp-tooltip {
    color: #808080;
    width: 50px;
    opacity: 1;
    font: 500 14px/28px "Microsoft YaHei";
}

#fp-nav ul li:last-child .active+.fp-tooltip {
    color: #848484;
}

#fp-nav ul li a.active span {
    width: 15px;
    height: 15px;
    background: #848484;
    border-radius: 50%;
}


/* nav2-style */

.header {
    position: fixed;
    z-index: 9;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 80px;
    padding: 0 50px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 991px) {
    .header {
        padding: 0 15px;
    }
}

.header .logo {
    position: relative;
    z-index: 9;
    float: left;
    overflow: hidden;
    height: 58px;
    margin-top: 9px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

@media (max-width: 767px) {
    .header .logo {
        height: 40px;
        margin-top: 15px;
    }
}

.header .logo .blue-logo {
    display: none;
}

.header .logo p {
    font-size: 16px;
    line-height: 32px;
    display: inline-block;
    float: left;
    margin: 15px 0 0 0;
    padding: 0 20px;
    -webkit-transition: all 1s;
    transition: all 1s;
    color: #fff;
    border: 1px dashed #fff;
    border-radius: 20px;
}

@media (max-width: 991px) {
    .header .logo p {
        display: none;
    }
}

.header .logo img {
    display: block;
    float: left;
    height: 100%;
    margin-right: 24px;
}

.header .menu {
    position: absolute;
    right: 0;
    left: 0;
    width: 161px;
    height: 49px;
    margin: auto;
    margin-top: 18px;
    cursor: pointer;
    -webkit-transition: all 1s;
    transition: all 1s;
    background: url(../images/menu.png) no-repeat;
}

.header .right {
    float: right;
}

.header .right .tel {
    float: left;
    padding-top: 10px;
}

@media (max-width: 991px) {
    .header .right .tel {
        display: none;
    }
}

.header .right .tel p,
.header .right .tel p a {
    line-height: 30px;
    margin: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
    color: #fff;
}

.header .right .tel p:before {
    display: inline-block;
    float: left;
    width: 19px;
    height: 24px;
    margin-top: 2px;
    margin-right: 14px;
    content: '';
    background: url(../images/tel1.png) no-repeat;
}

.header .right .tel p a:hover {
    text-decoration: underline;
}

.header .right .tel p:last-child:before {
    display: inline-block;
    float: left;
    width: 19px;
    height: 24px;
    margin-top: 4px;
    margin-right: 14px;
    content: '';
    background: url(../images/shop1.png) no-repeat;
}

.header .right .language {
    float: right;
    margin-left: 26px;
}

.header .right .language ul li {
    display: inline-block;
    margin-top: 23px;
}

.header .right .language ul li a {
    line-height: 34px;
    display: block;
    width: 34px;
    height: 34px;
    -webkit-transition: all 1s;
    transition: all 1s;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
}

.header-in {
    position: fixed;
    top: 0;
    background-color: #fff;
}

.header-blue {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}

.header-blue .logo p {
    color: #1a3f8f;
    border: 1px dashed #1a3f8f;
}

.header-blue .logo img {
    display: none;
}

.header-blue .logo .blue-logo {
    display: block;
}

.header-blue .menu {
    background: url(../images/menublue_bg.png) no-repeat;
}

.header-blue .lright {
    float: right;
}
.header-blue .lright .tel{
    padding-top:17px;
}
.header-blue .lright .tel p {
    color: #1a3f8f;
    height: 28px;
}

.header-blue .lright .tel p:before {
    background: url(../images/tel2.png) no-repeat;
}

.header-blue .lright .language ul li a {
    color: #fff;
    background-color: #1a3f8f;
}

.open-header {
    position: fixed;
    z-index: 1002;
    top: 0;
    width: 100%;
    padding: 0 50px;
    max-height: 100%;
    overflow: auto;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateY(-102%);
    -ms-transform: translateY(-102%);
    transform: translateY(-102%);
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}

@media (max-width: 767px) {
    .open-header {
        height: 100%;
        padding: 0 15px;
    }
}

.open-header .logo {
    position: relative;
    z-index: 9;
    display: inline-block;
    overflow: hidden;
    height: 52px;
    margin-top: 9px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

@media (max-width: 767px) {
    .open-header .logo {
        height: 40px;
        margin-top: 15px;
    }
}

.open-header .logo p {
    font-size: 16px;
    line-height: 32px;
    display: inline-block;
    float: left;
    margin: 15px 0 0 0;
    padding: 0 20px;
    color: #1a3f8f;
    border: 1px dashed #1a3f8f;
    border-radius: 20px;
}

@media (max-width: 991px) {
    .open-header .logo p {
        display: none;
    }
}

.open-header .logo img {
    display: block;
    float: left;
    height: 100%;
    margin-right: 24px;
}

.open-header .h-close {
    line-height: 50px;
    position: absolute;
    z-index: 9;
    top: 10px;
    right: 50px;
    display: inline-block;
    width: 31px;
    height: 31px;
    cursor: pointer;
    background: url(../images/cuo.png);
}

@media (max-width: 767px) {
    .open-header .h-close {
        right: 0;
    }
}


/* .open-header .h-close:after {
    font-family: 'iconfont'!important;
    font-size: 40px;
    content: '\e849';
    color: #1a3f8f;
} */

@media (max-width: 767px) {
    .open-header .h-close:after {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .open-header .nav {
        padding-top: 3%;
    }
}

.open-header .nav .level-1 {
    overflow: hidden;
}

.open-header .nav .level-1>li {
    display: inline-block;
    width: 9%;
    margin-top: 50px;
    margin-right: -6px;
    vertical-align: top;
}

@media (max-width: 1320px) {
    .open-header .nav .level-1>li {
        width: 10%;
        margin-top: 30px;
    }
}

.open-header .nav .level-1>li:nth-child(3) {
    width: 25%;
}

@media (max-width: 1320px) {
    .open-header .nav .level-1>li:nth-child(3) {
        width: 17%;
    }
}

@media (max-width: 767px) {
    .open-header .nav .level-1>li:nth-child(3) {
        width: 100%;
    }
}

.open-header .nav .level-1>li:nth-child(4) {
    width: 13%;
}

@media (max-width: 1320px) {
    .open-header .nav .level-1>li:nth-child(4) {
        width: 14%;
    }
}

@media (max-width: 767px) {
    .open-header .nav .level-1>li:nth-child(4) {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .open-header .nav .level-1>li {
        width: 100%;
        margin-top: 0;
    }
}

.open-header .nav .level-1>li>a {
    font-size: 16px;
    line-height: 30px;
    position: relative;
    display: block;
    padding: 10px 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

@media (max-width: 1200px) {}

@media (max-width: 767px) {
    .open-header .nav .level-1>li>a {
        border-top: none;
    }
}

.open-header .nav .level-1>li>a:hover:after {
    position: absolute;
    bottom: 0;
    display: block;
    width: 66px;
    height: 4px;
    content: '';
    background-color: #1a3f8f;
}

.open-header .nav .level-1>li>ul.level-2 {
    overflow: hidden;
    padding: 30px 4px 40px;
}

@media (max-width: 1320px) {
    .open-header .nav .level-1>li>ul.level-2 {
        padding: 30px 4px 10px;
    }
}

@media (max-width: 767px) {
    .open-header .nav .level-1>li>ul.level-2 {
        display: none;
    }
}

.open-header .nav .level-1>li>ul.level-2 li {
    position: relative;
    border-left: 1px solid #ddd;
}

.open-header .nav .level-1>li>ul.level-2 li:before {
    position: absolute;
    top: 18px;
    left: -4px;
    display: inline-block;
    width: 7px;
    height: 7px;
    content: '';
    border: 1px solid #bac5dd;
    border-radius: 50%;
    background-color: #fff;
}

.open-header .nav .level-1>li>ul.level-2 li:first-child:after {
    position: absolute;
    top: 0;
    left: -1px;
    display: block;
    width: 1px;
    height: 18px;
    content: '';
    background-color: #fff;
}

.open-header .nav .level-1>li>ul.level-2 li:last-child:after {
    position: absolute;
    bottom: 0;
    left: -1px;
    display: block;
    width: 1px;
    height: 17px;
    content: '';
    background-color: #fff;
}

.open-header .nav .level-1>li>ul.level-2 li a {
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
    margin-left: 10px;
    padding: 10px 14px;
    color: #1a3f8f;
}

.open-header .nav .level-1>li>ul.level-2 li a:hover {
    color: #fff;
    border-radius: 30px;
    background-color: #1a3f8f;
}

@media(max-width:1380px) {
    .open-header .nav .level-1>li>ul.level-2 li a {
        font-size: 14px;
    }
}

@media(max-width:1200px) {
    .open-header .nav .level-1>li>a {
        padding: 10px 16px;
    }
    .open-header .nav .level-1>li {
        width: 12%;
    }
}

.open-header .nav .level-1>li:nth-child(3)>ul.level-2>li {
    float: left;
    width: 50%;
    border: none;
}

.open-header .nav .level-1>li:nth-child(3)>ul.level-2>li:before,
.open-header .nav .level-1>li:nth-child(3)>ul.level-2>li:after {
    display: none;
}

.open-header .nav .level-1>li:nth-child(3)>ul.level-2>li>a {
    line-height: 28px;
    display: inline-block;
    padding: 4px 20px;
    border: 1px dashed #1a3f8f;
    border-radius: 30px;
}

.open-header .nav .level-1>li:nth-child(3) .level-3 {
    margin-top: 14px;
}

.open-header .h-bottom {
    padding-top: 8px;
    border-top: 1px solid #ddd;
}

.open-header .h-bottom .tel {
    display: inline-block;
}

@media (max-width: 767px) {
    .open-header .h-bottom .tel {
        display: none;
    }
}

.open-header .h-bottom .tel p {
    line-height: 42px;
    margin: 0;
    display: inline-block;
    -webkit-transition: all 1s;
    transition: all 1s;
    color: #1a3f8f;
}

@media (max-width: 1440px) {
    .open-header .h-bottom .tel p {
        display: block;
    }
}

.open-header .h-bottom .tel p:before {
    display: inline-block;
    float: left;
    width: 19px;
    height: 24px;
    margin-top: 8px;
    margin-right: 14px;
    content: '';
    background: url(../images/tel2.png) no-repeat;
}

.open-header .h-bottom .tel p a:hover {
    text-decoration: underline;
}

.open-header .h-bottom p:last-child {
    padding-left: 20px;
}

@media (max-width: 1440px) {
    .open-header .h-bottom p:last-child {
        padding-left: 0;
    }
}

.open-header .h-bottom p:last-child:before {
    margin-top: 10px;
    background: url(../images/shop2.png) no-repeat;
}

.open-header .h-bottom .language {
    float: right;
    margin-left: 10px;
}

@media (max-width: 1199px) {
    .open-header .h-bottom .language {
        display: none;
    }
}

.open-header .h-bottom .language ul {
    padding: 2px 0;
}

.open-header .h-bottom .language ul li {
    line-height: 38px;
    float: left;
    height: 38px;
    border: 1px solid #8c9fc7;
    border-radius: 30px 0 0 30px;
}

.open-header .h-bottom .language ul li a {
    display: block;
    padding: 0 14px;
}

.open-header .h-bottom .language ul li:last-child {
    border-left: none;
    border-radius: 0 30px 30px 0;
}

.open-header .h-bottom .language ul li:hover {
    background-color: #1a3f8f;
}

.open-header .h-bottom .language ul li:hover a {
    color: #fff;
}

.open-header .h-bottom .share {
    float: right;
    overflow: hidden;
    height: 42px;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .open-header .h-bottom .share {
        display: none;
    }
}

.open-header .h-bottom .bdsharebuttonbox {
    -webkit-transition: all .2s;
    transition: all .2s;
}

.open-header .h-bottom .bdsharebuttonbox a {
    margin: 0 5px;
    padding: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: none;
    float: left;
}

.open-header .h-bottom .bdsharebuttonbox a:before {
    font-family: 'iconfont'!important;
    font-size: 24px;
    line-height: 42px;
    display: block;
    width: 42px;
    height: 42px;
    content: '';
    text-align: center;
    color: #fff;
    border-radius: 50%;
}

.open-header .h-bottom .bdsharebuttonbox a:first-child {
    padding-left: 0;
}

.open-header .h-bottom .bdsharebuttonbox a:hover {
    opacity: 1;
}

.open-header .h-bottom .bdsharebuttonbox a:hover:before {
    background-color: #25b7ff;
}

.open-header .h-bottom .bdsharebuttonbox .bds_sqq:before {
    content: '';
    background: url(../images/lqq.png) center no-repeat #1a3f8f;
}

.open-header .h-bottom .bdsharebuttonbox .bds_tsina:before {
    content: '';
    background: url(../images/lweibo.png) center no-repeat #1a3f8f;
}

.open-header .h-bottom .bdsharebuttonbox .bds_weixin:before {
    content: '';
    background: url(../images/lweixin.png) center no-repeat #1a3f8f;
}

.open-header .h-bottom .bdsharebuttonbox .bds_email:before {
    content: '';
    background: url(../images/lemail.png) center no-repeat #1a3f8f;
}

.open-header .h-bottom .search {
    position: relative;
    float: right;
    width: 190px;
    height: 38px;
    margin-top: 2px;
    margin-left: 15px;
}

@media (max-width: 767px) {
    .open-header .h-bottom .search {
        width: 100%;
    }
}

.open-header .h-bottom .search input {
    line-height: 38px;
    padding: 0 16px;
    border: 1px solid #8c9fc7;
    border-radius: 50px;
}

@media (max-width: 767px) {
    .open-header .h-bottom .search input {
        width: 100%;
    }
}

.open-header .h-bottom .search .submit {
    line-height: 36px;
    position: absolute;
    top: 0;
    right: 10px;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    outline: none;
    background: none;
}

.open-header .h-bottom .search .submit:after {
    font-family: 'iconfont'!important;
    font-size: 26px;
    content: '\e61a';
    color: #1a3f8f;
}

.open-header .h-bottom .job {
    float: right;
    margin-top: 2px;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .open-header .h-bottom .job {
        display: none;
    }
}

.open-header .h-bottom .job a {
    font-size: 16px;
    line-height: 38px;
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #fff;
    border-radius: 30px;
    background-color: #1a3f8f;
    position: relative;
}

.open-header .h-bottom .job a:before {
    position: absolute;
    width: 24px;
    height: 38px;
    content: '';
    left: 8px;
    content: '';
    background: url(../images/ico4.png) center no-repeat
}

.open-header .h-bottom .job a:hover {
    background-color: #25b7ff;
}

@media (min-width: 768px) {
    .open-header .m-link {
        display: none;
    }
}

@media (max-width: 767px) {
    .open-header .m-link {
        display: block;
        text-align: center;
        padding-top: 8px;
    }
    .open-header .m-link ul {
        display: inline-block;
    }
    .open-header .m-link ul li {
        position: relative;
        display: inline-block;
    }
    .open-header .m-link ul li a {
        line-height: 42px;
        display: inline-block;
        width: 42px;
        height: 42px;
        margin: 0 9px;
        -webkit-transition: all .4s;
        transition: all .4s;
        text-align: center;
        border: 1px solid #1a3f8f;
        border-radius: 50%;
    }
    .open-header .m-link ul li a:before {
        font-family: 'iconfont'!important;
        font-size: 24px;
        content: '\e627';
        color: #1a3f8f;
    }
    .open-header .m-link ul li.link-2 a:before {
        font-size: 22px;
        line-height: 40px;
        content: '\e613';
    }
    .open-header .m-link ul li.link-3 a:before {
        content: '\e601';
    }
    .open-header .m-link ul li .erweima {
        position: absolute;
        top: -200px;
        display: none;
        width: 176px;
        height: 176px;
        padding: 10px;
        -webkit-transform: translateX(-40%);
        -ms-transform: translateX(-40%);
        transform: translateX(-40%);
        border: 1px dashed #333;
        border-radius: 10px;
    }
    .open-header .m-link ul li .erweima img {
        width: 100%;
        border: 18px solid #1a3f8f;
        border-radius: 10px;
    }
    .open-header .h-bottom {
        border-top: none;
    }
}

@media (max-width: 767px) {
    .open-header .h-bottom .link {
        display: block;
    }
}

.open-header .h-bottom .link {
    float: right;
}

@media (max-width: 767px) {
    .open-header .h-bottom .link {
        display: none;
    }
}

.open-header .h-bottom .link ul li {
    position: relative;
    display: inline-block;
}

.open-header .h-bottom .link ul li .erweima {
    position: absolute;
    top: -200px;
    display: none;
    width: 176px;
    height: 176px;
    padding: 10px;
    -webkit-transform: translateX(-40%);
    -ms-transform: translateX(-40%);
    transform: translateX(-40%);
    border: 1px dashed #333;
    border-radius: 10px;
}

.open-header .h-bottom .link ul li .erweima:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    border-top: 10px solid #1a3f8f;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.open-header .h-bottom .link ul li .erweima img {
    width: 100%;
    border: 18px solid #1a3f8f;
    border-radius: 10px;
}

.open-header .h-bottom .link ul li:hover a {
    border-color: #25b7ff;
}

.open-header .h-bottom .link ul li:hover a:before {
    color: #25b7ff;
}

.open-header .h-bottom .link ul li:hover .erweima {
    display: block;
}

.open-header .h-bottom .link ul li a {
    line-height: 42px;
    display: inline-block;
    width: 42px;
    height: 42px;
    margin: 0 9px;
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;
    border: 1px solid #1a3f8f;
    border-radius: 50%;
    position: relative;
}

.open-header .h-bottom .link ul li a:before {
    position: absolute;
    height: 42px;
    width: 42px;
    content: '';
    left: 0;
    background: url(../images/ico1.png) center no-repeat;
}

.open-header .h-bottom .link ul li a:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 1;
}

.open-header .h-bottom .link ul li.link-2 a:before {
    background: url(../images/ico2.png) center no-repeat;
}

.open-header .h-bottom .link ul li.link-3 a:before {
    background: url(../images/ico3.png) center no-repeat;
}


.open-header .h-bottom .link ul li:hover a:before {
    background: url(../images/ico11.png) center no-repeat;
}

.open-header .h-bottom .link ul .link-2:hover a:before {
    background: url(../images/ico22.png) center no-repeat;
}

.open-header .h-bottom .link ul .link-3:hover a:before {
    background: url(../images/ico33.png) center no-repeat;
}

.open-header .video {
    display: inline-block;
}

.open-header .video .iframe {
    display: none;
    width: 100%;
}

.open-header .video:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .5;
}

.f-link {
    height: 100px;
}


/*.f-link a{*/


/*    display: block;*/


/*}*/

.wchat {
    float: left;
}


/*招聘样式*/


/*下载列表*/
.down_list li {
    line-height: 27px;
    height: 27px;
    position: relative;
    background: url(../images/list_dot1.gif) 0 50% no-repeat;
    padding-left: 10px;
}

/*招聘列表*/
.job_list {
    margin-top: 100px;
}
.job_list li {
    height: 150px;
    position: relative;
    padding-left: 0;
    width: 40%;
	margin:0 5%;
    float: left;
}
.job_list li:nth-child(2n+1){ float:right;}


.job_list li a {
    color: #0262af;
    font: 600 24px/1 "微软雅黑";
}
.job_list li a:after {
    position: absolute;
    content: '';
    background-color: #0262af;
    width: 35px;
    height: 5px;
    bottom: 110px;
    left: 10px;
}
.job_list li a:before {
    position: absolute;
    content: '';
    background-color: #eee;
    width: 100%;
    height: 2px;
    bottom: 111px;
    left: 10px;
}
.job_list li .more {
    position: absolute;
    color: #fff;
    right: -10px;
    top: 0;
    z-index: 0;
    background: #0262af;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    font: 500 18px/70px "微软雅黑";
    text-align: center;
}

@media screen and (max-width: 780px) {
.job_list {
    margin-top: 50px;
}
.job_list li {
    height: 120px;
    position: relative;
    padding-left: 10px;
    width: 90%;
    float: none;
}
.job_list li:nth-child(2n+1){ float:none;}
.job_list li a:after {
    bottom: 80px;
}
.job_list li a:before {
    bottom: 81px;
}
}

/*招聘详细*/
.job_detail h1.title {
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    border-bottom: 1px solid #e0e1dc;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
.job_detail h3.title_bar {
    line-height: 26px;
    text-align: center;
    font-weight: normal;
    color: #808080;
    font-size: 14px;
}
.job_detail h3.title_bar span {
    padding-right: 10px;
}
.job_detail .content h4 {
    background-color: #f1f1f1;
    height: 26px;
    line-height: 26px;
    text-align: left;
    padding-left: 15px;
}
.job_detail .content div.text {
    padding-top: 10px;
    padding-left: 22px;
    padding-right: 8px;
}


/*招聘列表*/
.download_list li {
    line-height: 27px;
    height: 27px;
    position: relative;
	overflow:hidden;
    background: url(../images/list_dot1.gif) 0 50% no-repeat;
    padding-left: 10px;
}
.download_list li span {
    position: absolute;
    color: #999;
    right: 0;
    z-index: 0;
}


/*留言*/
.message {
    padding-left: 30px;
    padding-top: 10px;
    z-index: 100;
    position: relative;
}
.message input {
    vertical-align: middle;
}
.message #name {
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0;
    padding-left: 6px;
    border: 1px solid #dedede;
    width: 200px;
}
.message #ptitle {
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0;
    padding-left: 6px;
    border: 1px solid #dedede;
    width: 200px;
}
.message #contact {
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0;
    padding-left: 6px;
    border: 1px solid #dedede;
    width: 200px;
}
.message #email {
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0;
    padding-left: 6px;
    border: 1px solid #dedede;
    width: 200px;
}
.message #address {
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0;
    padding-left: 6px;
    border: 1px solid #dedede;
    width: 200px;
}
.message #content {
    display: block;
    width: 460px;
    height: 120px;
    padding: 6px;
    font-size: 12px;
    border: 1px solid #dedede;
    margin-top: 6px;
}
.message .msgbtn {
    background: #fe693e;
    cursor: pointer;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: none;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    margin-top: 15px;
    font-family: "Microsoft YaHei";
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#code {
    padding-top: 10px;
    line-height: 26px;
}
#checkcode {
    height: 32px;
    line-height: 32px;
    width: 120px;
    border: 1px solid #dedede;
}
#message_main tr {
    position: relative;
}
#message_main tr th {
    font-weight: normal;
    text-align: right;
    height: 42px;
    line-height: 42px;
    color: #666;
}
.m_label {
    position: absolute;
    width: 160px;
    text-align: left;
    line-height: 26px;
    padding-left: 8px;
    color: #ccc;
    z-index: 1;
    cursor: text;
}
.c_label {
    line-height: 18px;
    padding-top: 12px;
}

/*产品详情*/
.product_list .item{ margin-bottom:30px; text-align:center;}
.product_list .product_title{ text-align:center; font-size:16px; font-weight:500; margin-bottom:15px;}
.product_list .img{ height:268px; overflow:hidden; display: flex; align-items: center; justify-content: center;}
.product_list .img img{ max-width:100%; max-height:100%;}
.product_list .more a.btn{ display:inline-block; width:92px; height:36px; line-height:36px; padding:0; border:1px solid #8c8e8d; font-size:14px; text-align:center; color:#8c8e8d; border-radius:20px;}
.product_list .more a.btn:hover{ color:#c80003; border-color:#c80003;}

/*产品详情*/
.product_detail {
    padding: 5px;
}
.product_detail h1.title {
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    border-bottom: 1px solid #e0e1dc;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.product_detail .img {
    width: 290px;
    height: 240px;
    float: left;
    padding: 2px;
    /*border: 1px solid #e0e1dc;*/
}
.product_detail .small {
    width: 288px;
    height: 240px;
}
.jqzoom {
    text-decoration: none;
    float: left;
}
.product_detail .list {
    width: 300px;
    float: left;
    margin-left: 92px;
    display: block;
    padding-top: 8px;
}
.list_p li {
    font-size: 12px;
    border-bottom: 1px dashed #e0e1dc;
    padding-bottom: 5px;
    padding-top: 5px;
    font-family: "Microsoft YaHei"
}
.list_p li h2 {
    font-size: 12px;
    font-weight: normal;
    font-family: "Microsoft YaHei";
}
.product_detail .inquiry {
    line-height: 32px;
    border: none;
    margin-top: 6px;
}
.product_detail .inquiry a {
    background: url("../images/xunjia.gif") center center no-repeat;
    display: block;
    width: 112px;
    height: 32px;
    text-indent: -99999px;
}
.buy {
    border: none!important;
}
.buy a {
    background: #0057a8;
    display: block;
    width: 112px;
    height: 32px;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 32px;
    border-radius: 5px;
    margin-right: 10px;
}
.buy a:hover {
    background: #e87518
}
.buy a.nobuy-product {
    background: #666
}
.product_detail .inquiry a:hover {
    background-image: url("../images/xunjia_hover.gif");
}
.list_p li h2 a {
    font-size: 12px;
    font-family: "Microsoft YaHei"
}
.p_detail span.title {
    line-height: 28px;
    height: 28px;
    text-align: left;
    margin-top: 10px;
    display: block;
    padding-left: 10px;
    font-size: 12px;
}
.product-tab {
    border-bottom: 1px solid #ddd;
    margin-top: 15px;
}
.product-tab li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    margin-left: -1px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 1;
    margin-bottom: -1px;
    float: left;
}
.product-tab li.cur {
    border-top: 2px solid #3480ce;
    border-bottom: 1px solid #FFF;
    color: #3480ce;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    z-index: 3;
}
.p_detail span.title strong {
    padding-right: 20px;
    cursor: pointer;
}
.p_detail p.dd {
    padding-top: 5px;
    padding-bottom: 5px;
}
h3.tag {
    font-size: 12px;
    line-height: 32px;
    border-top: 1px dashed #e0e1dc;
    margin-top: 10px;
    color: #999;
    font-weight: normal;
}

/*新闻资讯*/
.news_list {
    overflow: hidden;
    border-bottom: 1px #c9c9c9 solid;
    margin: 60px 0
}
.news_list li {
    clear: both;
    margin: 0 0 60px;
    overflow: hidden;
}
.news_list li img {
    -webkit-transition: all .5s;
    transition: all .5s;
}
.news_list li .pic {
    width: 32%;
    float: left;
    padding-bottom: 21%;
    position: relative;
    overflow: hidden;
}
.vcenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto;
}
.news_list li .text {
    width: 66%;
    padding: 25px 0 0 7%;
    float: right;
    position: relative;
    border-top: 3px #eaeaea solid;
}
.news_list li .time {
    position: absolute;
    top: -3px;
    left: 0;
    display: block;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 20px;
    background: #0054a3;
    color: #fff;
    font-size: 12px;
    padding: 4px 0 0;
}
.news_list li .time span {
    font-size: 20px;
    display: block;
    height: 20px;
    line-height: 20px;
}
.news_list li h3 {
    color: #121212;
    font-size: 14px;
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.news_list li .info {
    color: #888;
    font-size: 12px;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    margin: 5px 0 0;
}
.news_list li .more {
    display: inline-block;
    width: 102px;
    height: 24px;
    text-align: center;
    line-height: 22px;
    color: #adadad;
    font-size: 12px;
    border: 1px #adadad solid;
    margin: 25px 0 0;
}
.news_list li:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}
.news_list li:hover h3 a {
    color: #0054a3;
}
.news_list li:hover .more {
    background: #0054a3;
    color: #fff;
    border: 2px #fbe0b2 solid;
    line-height: 20px
}
.news_list li:nth-child(2n) .pic {
    float: right;
}
.news_list li:nth-child(2n) .text {
    float: left;
}
@media (max-width:1445px) {
    .news_list {
        margin: 40px 0
    }
    
    .news_list li {
        margin: 0 0 40px
    }
}
@media (max-width:1420px) {
    .news_list li .text {
        padding: 15px 0 0 7%
    }
    
    .news_list li h3 {
        height: 24px;
        line-height: 24px
    }
}
@media (max-width:992px) {
    .news_list li .more {
        margin: 10px 0 0
    }
}
@media (max-width:767px) {
    .news_list {
        margin: 15px 0 25px
    }
    
    .news_list li {
        margin: 0 0 5px
    }
    
    .news_list .pic {
        width: 100%;
        padding-bottom: 65%
    }
    
    .news_list li .text {
        width: 100%;
        padding: 20px 0
    }
    
    .news_list li h3 {
        padding: 0 0 0 60px
    }
}
@media (max-width:361px) {
    .news_list li h3 {
        padding: 0 0 0 55px
    }
}

.news_detail h1.title {
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    border-bottom: 1px solid #e0e1dc;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
.news_detail h3.title_bar {
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    font-weight: normal;
    color: #808080;
    float: left;
    height: 26px;
    overflow: hidden;
}
.news_detail h3.title_bar span {
    padding-right: 10px;
}

/*æ‹›è˜è¯¦ç»†*/
.job_detail h1.title {
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 18px;
    border-bottom: 1px solid #e0e1dc;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
.job_detail h3.title_bar {
    line-height: 26px;
    text-align: center;
    font-weight: normal;
    color: #808080;
    font-size: 14px;
}
.job_detail h3.title_bar span {
    padding-right: 10px;
}
.job_detail .content h4 {
    background-color: #f1f1f1;
    height: 26px;
    line-height: 26px;
    text-align: left;
    padding-left: 15px;
}
.job_detail .content div.text {
    padding-top: 10px;
    padding-left: 22px;
    padding-right: 8px;
}


@media(max-width:768px){
    .relate_list, .relateproduct{
        display:none;
    }
}


.blog_list li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.blog_list li h2 {
    line-height: 42px;
    height: 42px;
    padding-left: 10px;
    padding-left: 20px;
    border-bottom: 1px dashed #ccc;
}
.blog_list li h2 a {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    color: #4C4C4C;
    line-height: 42px;
    color: #204e7d;
}
.blog_list li .summary {
    color: #878787;
    line-height: 28px;
    height: 28px;
    text-indent: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.blog_list li .under {
    padding-left: 20px;
    padding-top: 5px;
    height: 24px;
    line-height: 24px;
    padding-bottom: 5px;
    color: #2970a6;
}
.blog_list li .under a {
    color: #2970a6;
}


/*分页样式1*/
.pageController {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #505050;
    margin: 0 auto;
    border-top: 1px solid #E2E3E4;
    margin-top: 16px;
    line-height: 24px;
    text-align: center;
}
.pageController li{ display:inline-block;}


.page-status {
    background-color: #FFF;
	display:inline-block;
	margin-bottom:5px;
    vertical-align: middle;
    border: #efefef 1px solid;
    color: #505050;
    padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
    border-radius: 3px;
}
.pageController a {
    background-color: #FFF;
	display:inline-block;
	margin-bottom:5px;
    vertical-align: middle;
    border: #efefef 1px solid;
    color: #505050;
    padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
    border-radius: 3px;
}
.pageController a:hover {
    background-color: #efefef;
    color: #438ece;
    text-decoration: none;
    border: #efefef 1px solid;
}

.pageController .t1 {
    float: left;
    margin-right: 5px;

    white-space: nowrap;
}
.pageController .t2 {
    float: right;
    vertical-align: middle;
    line-height: 24px;
}
.pageController a.active {
    line-height: 24px;
    background-color: #035D67;
    vertical-align: middle;
    border: 1px solid #035D67;
    color: #fff;
    padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
    border-radius: 3px;
}
.pageController .t1 span {
    padding-left: 4px;
    padding-right: 4px;
}
.pageController select {
    height: 24px;
    vertical-align: middle;
    text-align: center;
    line-height: 24px;
}
.pageController select option {
    vertical-align: middle;
}

/*相关产品和新闻*/
.relate_list {
    margin-top: 10px;
}
.relate h4 {
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px solid #e87518;
    padding-left: 5px;
}
#relate_p .img img {
    width: 120px;
    height: 96px;
}
#relate_p li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    _display: inline;
}
.relate_n li {
    width: 48%;
	padding:0 2%;
	background:url(../images/dot.png) 0 50% no-repeat;
	height:36px; line-height:36px;
	overflow:hidden;
    float: left;
}
.relate ul {
    float: none;
}

.tagdescription {
    border: 1px solid #e5e5e5;
    line-height: 24px;
    padding: 10px;
    margin-bottom: 15px;
    text-indent: 20px;
}
.tagdescription font {
    color: #005a98;
    font-weight: bold;
}

.tag_list_news li {
    line-height: 27px;
    position: relative;
    padding-left: 10px;
}
.tag_list_news li a {
    line-height: 27px;
}
.tag_list_news li span {
    color: #999;
    z-index: 0;
    line-height: 27px;
}
.tag_list_news li h3 {
    font-size: 14px;
}
.tag_list_news li div {
    line-height: 24px;
}
.tag_list_news h2 {
    line-height: 36px;
    font-size: 14px;
    color: #666;
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    font-weight: normal;
    text-indent: 20px;
    margin-bottom: 15px;
}
@media(max-width:768px){
    .relate_list, .relateproduct{
        display:none;
    }
.page-status    {  display:none;}
    
}


﻿@media (min-width:1300px) {

}
/*内页*/
.left-sidebar{}
.right-sidebar{}

/*关于我们*/
.about_bg{ min-height:600px; overflow:hidden; background-size:100% 100%; padding:8% 0;}

h2.com-title{ font-size:36px; text-align:center; color:#1F497D; font-weight:600; padding-bottom:30px;}

.about_con{ max-width:590px; margin:0 auto; text-align:center; color:#ffffff; line-height:18px; overflow:hidden; display:none;}
.about_con .title{ color:#595757; font-size:34px; height:50px; line-height:50px; padding:0 0 3% 0; font-weight:500;}
.about_con .desc{ color:#595757; font-size:16px; padding:0 0 10% 0; line-height:180%;}
.about_con img{ max-width:100%;}



.about2 .about_ul li{ width:47%; padding:0 1.5%; padding-bottom:0;}
.about3 .about_ul li{ padding-bottom:0;}
.about5 .about_ul li:nth-child(4),.about5 .about_ul li:nth-child(5){ padding-bottom:0;}
.about7 .about_ul li:nth-child(7){ padding-bottom:0;}

.about4 .about_ul li,.about5 .about_ul li,.about6 .about_ul li,.about7 .about_ul li,.about8 .about_ul li{ padding-bottom:3.5%;}

.about3,.about2{ padding:14% 0 0 0;}


.about_t3{ height:90px; overflow:hidden; line-height:90px; text-align:center; background:url(../images/i_bg1.jpg) center bottom no-repeat; font-size:42px; color:#333333; letter-spacing:5px; margin-bottom:3%;}

.about_con2{ width:96%; max-width:1170px; margin:0 auto; color:#ffffff; line-height:18px; overflow:hidden; padding-top:2%; padding-bottom:5%;}
.about_con2 img{ max-width:100%;}

/*企业荣誉*/
.about_t4{ height:90px; overflow:hidden; line-height:90px; text-align:center; background:url(../images/i_about_bg2.jpg) center bottom no-repeat; font-size:42px; color:#fff; letter-spacing:5px; /*margin-bottom:3%;*/}
.about_con3{ width:96%; max-width:838px; margin:0 auto; color:#ffffff; line-height:18px; overflow:hidden; padding-top:7%; padding-bottom:5%;}
.about_con3 img{ max-width:100%;}

.honor_t{ float:right; width:98%; padding-right:10px; max-width:828px; overflow:hidden; height:86px; line-height:86px; background:url(../images/honor_bg1.png) right 31px no-repeat; text-align:center;}
.honor_t a{ float:right; margin-right:40px; margin-left:15px; width:81px; font-size:18px; color:#f75046; font-weight:bold; background:url(../images/honor_bg2.png) no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.honor_t a:last-child{ margin-left:0;}
.honor_t a:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}

.honor_con{ overflow:hidden; float:right; width:99%;max-width:798px; padding-top:4%; padding-left:1%;}
.honor_con .honor_div{ display:none; font-size:14px; min-height:470px;}
.honor_con .honor_div h2{ font-size:14px; margin-bottom:10px;}

.about_con4{ width:96%; max-width:838px; margin:0 auto; color:#ffffff; line-height:22px; overflow:hidden;/* padding-top:2%; padding-bottom:5%;*/}
.about_con4 img{ max-width:100%;}

/*新闻动态*/
.news_ul{ width:100%; padding-bottom:20px;}
.news_ul ul li{ display:block; overflow:hidden;}
.news_ul ul li a{ color:#333; display:block; width:100%; height:100%;}
.news_ul ul li .imgs{ width:50%; overflow:hidden;}
.news_ul ul li .imgs img{ width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.news_ul ul li .news_box{ width:50%; overflow:hidden;}
.news_ul ul li .news_box .news_txt{ width:90%; margin:0 auto; max-width:700px;font-size:16px;}
.news_ul ul li .news_box .news_txt em{ display:block;  color:#c30d23; margin-top:15%; margin-bottom:7%; }
.news_ul ul li .news_box .news_txt h2{font-size:36px; letter-spacing:4px; overflow:hidden; height:36px; line-height:36px;margin-bottom:3%;}
.news_ul ul li .news_box .news_txt p{ line-height:26px; height:78px; overflow:hidden;}
.news_ul ul li .news_box .news_txt label{ width:40%; height:30px; display:block; line-height:30px; padding-top:3%; padding-bottom:3%; border:1px solid #666666;color:#666666; text-align:center; cursor:pointer; margin-top:8%; clear:both; font-size:16px;}
.news_ul ul li .news_box .news_txt label:Hover{ border:1px solid #c30d23;color:#c30d23;}
.news_ul ul li a:hover .news_box .news_txt h2{ color:#c30d23;}
.news_ul ul li a:hover .imgs img{-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}

/*分页*/
.pages{ text-align:center; overflow:hidden; margin-top:2%; margin-bottom:2%;}
/*.pages a{ border:1px solid #b3b3b3; height:72px; line-height:72px; overflow:hidden; font-size:18px; letter-spacing:0.5px; display:inline-block; max-width:320px; width:32%;}*/
/*.pages a:hover{ border:1px solid #c6a56d; background:#c30d23; color:#fff;}*/
/*.yema{text-align:center; padding:30px 0 0; overflow:hidden;  margin-bottom:50px;}*/
.yema a,.yema span{ padding:10px 22px; border:#ccc 1px solid; margin:0 2px; font-size:17px; display:inline-block; color:#333; font-family:"宋体"; margin-bottom:10px; border-radius:4px;}
.current{background:#c30d23;color:#fff !important;border:#c30d23 1px solid !important;}
.yema a:hover{  background:#c30d23; margin:0 2px; color:#fff; text-decoration:none; }

a.yema_on{color:#fff !important; border:#c30d23 1px solid !important; background:#c30d23;}
a.yema_on:hover{color:#fff !important; border:#c30d23 1px solid !important; }
a.ok{color:#fff !important; border:#c30d23 1px solid !important; background:#c30d23;}
a.ok:hover{color:#fff !important; border:#c30d23 1px solid !important; }

.o_big{ overflow:hidden;}
.o_big img{ width:100%;}

/*产品中心*/
.product_ul{ text-align:center; overflow:hidden; width:96%; max-width:1190px; margin:0 auto; margin-top:2%;}
.product_ul ul li{ width:33.33%; float:left; margin-bottom:3%; margin-top:3%;}
.product_ul ul li img{display: block;height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.product_ul ul li dd{ width:100%; margin:0 auto; max-width:260px;margin-bottom:10px;}
.product_ul ul li dd .imgs{ position:relative; width:100%; overflow:hidden;}
.product_ul ul li dd .imgs p{ position:absolute; width:100%; height:100%; background:url(../images/product_bg.png) center center no-repeat; top:0; text-align:center;opacity:0; filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.product_ul ul li dd  h2{  font-weight:normal; color:#333; font-size:14px; line-height:22px; height:22px; overflow:hidden; margin-top:7px;}
.product_ul ul li dd:hover img{-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}
.product_ul ul li dd:hover h2{ color:#eb6360;}
.product_ul ul li dd:hover .imgs p{opacity:1; filter:alpha(opacity=100);}

/*产品详细*/
.pro_one{ background-color:#f4f4f4; overflow:hidden; padding-top:1%; padding-bottom:2%;}
.pro_one .pro_one_div{ width:96%; max-width:512px; margin:0 auto; text-align:center;}
.pro_one .pro_one_div .pro_one_t{ line-height:26px; font-size:30px; color:#2a2a2a; margin-top:30px; margin-bottom:15px; letter-spacing:3px;}
.pro_one .pro_one_div .pro_one_desc{ font-size:18px; color:#c30d23; line-height:26px;}
.big_img{ width:100%; margin-bottom:30px; margin-top:30px;}

#owl-demo5{  width:96%; max-width:512px; margin:0 auto;text-align:center;}
#owl-demo5 .owl-item.loading{ min-height:100px;}
#owl-demo5.owl-theme .owl-controls .owl-buttons{ position:absolute; top:0%; margin-top:-63%; width:140%; left:-20%; height:0;}
#owl-demo5.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:72px; height:72px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0;}
#owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/product_left.png) no-repeat; float:left; background-size:100% 100%;}
#owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/product_left_on.png) no-repeat; background-size:100% 100%;}
#owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/product_right.png) no-repeat; float:right; background-size:100% 100%;}
#owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/product_right_on.png) no-repeat; background-size:100% 100%; }


#owl-demo5 .item{margin: 0px 6px; }
#owl-demo5 .item img{display: block;height: 100%;width: 100%; border-radius:50%; border:1px solid #c7c7c7; background-color:#fff;}
#owl-demo5 .item dd{ width:100%; margin:0 auto; max-width:424px;margin-bottom:10px;}
/*#owl-demo5 .item img:Hover{ border:1px solid #c30d23;}*/
#owl-demo5 .item .psel{border:1px solid #c30d23;}

.pro_two{ width:96%; margin:0 auto; max-width:1200px; overflow:hidden; padding-top:2%; padding-bottom:1%;}
.pro_two ul li{ width:30%; margin-left:3%; float:left; height:70px; overflow:hidden;   margin-top:1.5%; font-size:16px; line-height:26px; margin-bottom:2%;word-break:break-all;}
.pro_two ul li img{ float:left; max-width:63px; width:30%; margin-right:2%;}
.pro_two ul li h2{ font-weight:normal; font-size:19.5px; color:#c30d23; margin-top:2%;}
.pro_two ul li div{ float:left; width:68%;}

.pro_three{ overflow:hidden;line-height:36px; font-size:18px; color:#fff; padding-top:60px; padding-bottom:70px;}
.pro_three .pro_txt{ max-width:960px; margin:0 auto; width:94%;}
.pro_three  h2{ font-size:36px; margin-bottom:2%;}
.pro_three .pro_txt2{ max-width:700px; float:right;width:50%; margin-right:3%; margin-top:10%; margin-bottom:10%;}
.pro_con{ overflow:hidden;font-size:14px; line-height:24px;}
.pro_con img{ max-width:100%;}
.pro_con2{ overflow:hidden; padding-top:3%; padding-bottom:20px; font-size:14px; line-height:24px;}
.pro_con2 .pro_con2_t{ font-weight:bold; font-size:36px; letter-spacing:2.5px; margin-bottom:30px; margin-top:10px;}
.pro_con2 img{ max-width:100%;}

#owl-demo6{ text-align:center;}
#owl-demo6.owl-theme .owl-controls{ text-align:right;}
#owl-demo6.owl-theme .owl-controls .owl-buttons{ position:absolute; top:-46px; width:100%; left:0; height:0;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:24px; height:24px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:0; float:none;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/pro_left1.png) no-repeat;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/pro_left1_on.png) no-repeat;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/pro_right1.png) no-repeat;}
#owl-demo6.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/pro_right1_on.png) no-repeat; }


#owl-demo6 .item{margin: 0px;}
#owl-demo6 .item img{display: block;height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
#owl-demo6 .item dd{ width:100%; margin:0 auto; max-width:424px;margin-bottom:10px;}
#owl-demo6 .item dd .imgs{ position:relative; width:100%; overflow:hidden;}
#owl-demo6 .item dd  h2{  font-weight:normal; color:#333; font-size:18px; line-height:22px; height:22px; overflow:hidden; margin-top:7px;}
#owl-demo6 .item dd:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
#owl-demo6 .item dd:hover h2{ color:#eb6360;}

/*新闻详细*/
.news_bg2{ background:#f5f5f5; padding-top:1%; overflow:hidden; padding-bottom:1%; clear:both;}
.news_t2{ font-size:30px; color:#666; line-height:70px; letter-spacing:2px;}
.about_x{ width:100%; margin:0 auto;margin-top:2%;overflow:hidden; line-height:26px;font-size:14px; padding-bottom:25px;  }
.about_x .show_t{ padding-bottom:10px; line-height:40px; font-size:36px; color:#333333; letter-spacing:1.5px; text-align:left; margin-bottom:10px;}
.about_x .con_line{text-align:left; height:36px; line-height:20px;font-size:16px; color:#868686;}
.about_x .con_id img{margin-bottom:15px; max-width:100%;}
.about_x .con_id{ line-height:28px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:20px;font-size:16px; color:#080808;text-align:left;/* font-family:"宋体";*/ padding-bottom:100px;}
.about_x table{border-collapse:collapse;border-spacing:0;}
.about_x table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}

.prenext{ border-top:1px solid #e6e6e6;font-size:12px; margin-bottom:10px;line-height:30px; padding-top:15px; margin-top:15px; color:#333333;}
.prenext a{ color:#333333;}
.prenext a:hover{ color:#eb5404; text-decoration:none;}
.prenext .goback{ float:right; height:26px; line-height:26px; text-align:right; padding-left:23px;background:url(../images/goback.png) left center no-repeat; font-size:14px; color:#333333; margin-top:16px;/* border-bottom:1px solid #a6a6a6;*/}
.fenxiang{ height:30px; overflow:hidden;}
.fenxiang .span{ float:right; font-size:14px; line-height:34px;}

/*下载列表*/
.down_ul{ overflow:hidden; padding-top:20px;}
.down_ul ul li{ display:block; margin-bottom:22px;}
.down_ul ul li a{ display:block;height:82px;padding-left:60px; line-height:82px; border-radius:6px;   overflow:hidden; font-size:18px; color:#333333; background:url(../images/down_bg1.png) #fff 9px center no-repeat; background-size:auto 53%;}
.down_ul ul li em{ float:right; margin-right:2%; padding-right:70px; background:url(../images/down_bg2.png) right center no-repeat; margin-left:1%;background-size:auto 40%; font-size:14px;}
.down_ul ul li a:hover{background:url(../images/down_bg1.png) #c30d23 9px center no-repeat; color:#fff;background-size:auto 53%;}
.down_ul ul li a:hover em{background:url(../images/down_bg3.png) right center no-repeat;background-size:auto 40%;}

/*技术中心*/
.technology_bg{ background-color:#f0f0f0; overflow:hidden; padding-top:60px; padding-bottom:50px;}
.technology_div{ width:96%; margin:0 auto; max-width:882px; overflow:hidden;}
.technology_div .technology_con{ float:right; width:100%; max-width:774px;}
.technology_div .technology_con h2{ border-bottom:1px solid #c30d23; height:64px; line-height:64px; font-size:28px; font-weight:normal; width:56%; margin-top:13%; margin-bottom:5%;}
.technology_div .technology_con p{ width:47%; font-size:18px; line-height:26px;}
.technology_div .technology_con .imgs{ width:51%; float:right; background-color:#f0f0f0; border-radius:50%;}
.technology_bg2{ background-color:#c30d23; overflow:hidden; padding-top:20px; padding-bottom:30px; color:#fff; text-align:center;}
.technology_bg2 .technology_div2{width:96%; margin:0 auto; overflow:hidden; font-size:14px; line-height:28px;}
.technology_bg2 .technology_div2 h2{ font-size:48px; font-weight:normal; margin-top:2%; margin-bottom:20px; line-height:50px; letter-spacing:3px;}
.technology_bg2 .technology_div2 .tel{ font-size:28px; letter-spacing:2px; color:#fff; margin-top:5px; display:block;}
.technology_bg2 .technology_div2 .tqq{ margin:0 auto;width:165px; height:46px; overflow:hidden; background:url(../images/technology_bg2.png) no-repeat; background-size:100% 100%;display:block; margin-bottom:20px;  clear:both; margin-top:25px;}
.technology_bg2 .technology_div2 .tqq:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}

/*工程案例*/
.case_ul{ overflow:hidden; padding-top:3%;}
.case_ul ul li{ position:relative; width:24%; margin-right:1.33%; float:left; overflow:hidden;height:537px; margin-bottom:5%;}
.case_ul ul li:nth-child(4n+0){ margin-right:0;}
.case_ul ul li img{/*display: block;*/height: 100%;width: 100%;}
.case_ul ul li .bg-list-img{ /*position:absolute; top:0px;*/-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; width:100%;}
.case_ul ul li .bg-list-tit{ height:56px; overflow:hidden; /*bottom:0; position:absolute; */text-align:center; width:100%; margin-top:30px;}
.case_ul ul li .bg-list-tit h4{ margin:0 auto; display:inline-block; border-bottom:2px solid #e2e2e2; font-weight:normal; font-size:18px; line-height:54px; padding-left:10px; padding-right:10px;}
.case_ul ul li .bg-list-more{ width:100%; position:absolute; bottom:0; background:url(../images/i_por_pic1.png) center 38px no-repeat #3c3a38; height:60px; line-height:46px; font-size:14px; color:#fff; text-align:center;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.case_ul ul li .i_pro_bg{position:absolute; width:100%; top:0px; /*height:100%;*/height:90%;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0; left:0;}
.case_ul ul li .bg-list-yew{ position:absolute; width:100%; bottom:0px; height:30%; background-color:#c30d23; text-align:center; color:#fff;}
.case_ul ul li .bg-list-yew h5{  border-bottom:2px solid #fff; font-weight:normal; font-size:18px; line-height:54px; padding-left:10px; padding-right:10px; display:inline-block; margin-top:9%;}
.case_ul ul li .bg-list-hs{ max-height:386px; height:70%; position:absolute; bottom:30%; width:100%; background:url(../images/i_por_pic2.png) center top no-repeat; background-size:100% 100%;}
.case_ul ul li .bg-list-hs p{ width:80%; margin:0 auto; margin-top:10%; color:#fefefe; font-size:14px; height:50%; overflow:hidden; line-height:22px;}
.case_ul ul li:hover .bg-list-img{  /*height:93%;*/height:90%;}
.case_ul ul li:hover .i_pro_bg{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.case_ul ul li:hover .bg-list-more{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}

.case_bgs{z-index: 19891024;background:url(../images/case_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.case_tc{z-index: 19891025; width: 950px; /* top: 157.5px; */  left: 50%; margin-left:-475px; /* margin-left: -300px; */  position:absolute; background-color: #666; overflow: hidden; top:270px; height:0; display: none;}
.case_tc .case_divs{ position:relative;}
.case_tc .case_divs .closed{ right:2%; position:absolute; top:2%; cursor:pointer;}
.case_tc .case_divs .closed:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}
.case_tc #tc_big{ width:100%; display:block;}
.case_tc .case_con{  height:534px; overflow:hidden;}

/*联系我们*/
.contact_bg{ background-color:#f8f8f8; overflow:hidden; padding-top:3%; padding-bottom:3%;}
.contact_con{width: 96%;margin: 0 auto;  max-width: 1200px; padding:2%; background-color:#fff; overflow: hidden;padding-top: 2%; padding-bottom: 1%;}
.contact_con ul li{ width:30%; margin-left:3%; float:left; overflow:hidden;  margin-top:1.5%; font-size:18px; line-height:26px; margin-bottom:2%; color:#666666; word-break:break-all;}
.contact_con ul li img{ float:left; max-width:80px; width:30%; margin-right:3%; margin-bottom:20px;}
.contact_con ul li h2{ font-weight:normal; font-size:18px;margin-top:4%;}
.contact_con ul li a{ color:#666666;}
.contact_con ul li a:hover{ color:#db3418;}
.contact_con ul li p{ max-width:310px;margin-top:4%;}
.contact_map{ overflow:hidden; margin-top:3%; font-size:14px; color:#666; line-height:28px; text-align:center; margin-bottom:30px;}
.contact_map img{ display:block; margin:0 auto;}
.contact_map2{ overflow:hidden;/* padding-left:1%;*/}
.contact_map2 img{ max-width:100%;}

.feedback_div{ margin:0 auto; width:96%; max-width:1188px; padding-bottom:100px;}
.feedback_div .inputs2{ float:left; width:32%; margin-right:2%; background:#f8f8f8; height:50px; line-height:50px; font-size:14px; color:#666; border:0; outline:none; border-radius:4px; text-indent:3%; margin-bottom:30px;font-family:"微软雅黑";}
.feedback_div .inputs2:last-child{ margin-right:0;}
.feedback_div .textarea{ padding:1%; width:98%; background:#f8f8f8; font-size:14px; font-family:"微软雅黑";border:0;border-radius:4px; outline:none;margin-bottom:30px; }
.feedback_div .bnts2{ border-radius: 4px; border: none;  width:170px;font-size: 14px; height: 46px; background: #db1721; font-family:"微软雅黑"; text-align: center;color: #fff; outline: none;  cursor: pointer; -webkit-appearance: none; margin:0 auto; display:block;}
.feedback_div .bnts2:hover{filter:alpha(opacity=70);opacity:0.7;transition:all 0.3s;}

/*人才招聘*/
.job_bg{ overflow:hidden; background:url(../images/job_bg.png) #f7f7f7 right top no-repeat; padding-top:3%; padding-bottom:3%;}
.job_list ul{ padding:0;}
.job_list table{border-collapse:collapse;border-spacing:0; margin-bottom:10px;}
.job_list table td{ /*line-height:44px;*/height:60px; color:#333333; font-size:14px; text-align:center;}
.job_list ul li{ height:60px; overflow:hidden; cursor:pointer;transition:all 0.3s;margin-bottom:10px; background:#fff;margin-bottom:20px;}
.job_list ul li tr:first-child td:last-child{background:url(../images/job_pic.png) 56% 15px no-repeat; }
.job_list ul li:Hover{/*border-bottom:1px solid #e9e9e9;border-top:1px solid #e9e9e9;background:url(../images/job_pic3.png) 97.5% 10px no-repeat;*/}
.job_list ul li.hauto{height:auto; background:none; }
.job_list ul li.hauto tr:first-child{background:#c30d23; }
.job_list ul li.hauto tr:first-child td:last-child{background:url(../images/job_pic3.png) 56% 15px no-repeat;}
.job_list ul li.hauto tr:first-child td{color:#fff;}
.job_list ul li .job_con{ line-height:22px; font-size:12px; padding-bottom:10px; padding-top:10px;}
.job_list .job_a a{ float:left; padding-right:23px; padding-left:50px; height:39px; line-height:39px; background:url(../images/job_pic4.png) #818181 15px center no-repeat; font-size:14px; color:#fff; text-align:left;}
.job_list .job_a a:Hover{ /*background:url(../images/job_pic5.png) #fff 15px center no-repeat; color:#ca9361; */text-decoration:none;filter:alpha(opacity=70);opacity:0.7;transition:all 0.3s; }



@media screen and (max-width: 1600px) {
/*工程案例*/
.case_ul ul li{ height:500px;}
}

@media screen and (max-width: 1440px) {
/*新闻动态*/
.news_ul ul li .news_box .news_txt em{ margin-top:5%;}
/*工程案例*/
.case_ul ul li{ height:460px;}
}

@media screen and (max-width: 1200px) {
/*工程案例*/
.case_ul ul li{ width:32%; margin-right:2%;}
.case_ul ul li:nth-child(4n+0){ margin-right:2%;}
.case_ul ul li:nth-child(3n+0){ margin-right:0;}

}

@media screen and (max-width: 1100px) {
/*新闻动态*/
.news_ul ul li .news_box .news_txt{ font-size:14px;}
.news_ul ul li .news_box .news_txt em{ margin-bottom:3%;}
.news_ul ul li .news_box .news_txt label{ margin-top:4%;}
.news_ul ul li .news_box .news_txt h2{ font-size:25px; line-height:30px; height:30px;}
/*工程案例*/
.case_ul ul li{ height:400px;}
.case_ul ul li .bg-list-hs p{ height:110px;}
}

@media screen and (max-width: 1000px) {
.case_tc{ width:90%; margin-left:-45%;}
.case_tc .case_divs .closed{ width:45px;}
}
@media screen and (max-width: 900px) {
/*关于我们*/
.honor_t{ background:none; float:none; text-align:center; height:auto;}
.honor_t a{ float:none; display:inline-block; margin-bottom:15px;}
}
@media screen and (max-width: 780px) {
/*新闻动态*/
.news_ul ul li{ margin-bottom:30px;}
.news_ul ul li .imgs{ width:96%; margin-left:2%; margin-right:2%;}
.news_ul ul li .news_box{ width:100%;}
.news_ul ul li .news_box .news_txt{ width:96%; margin-left:2%; margin-right:2%;}
.news_ul ul li .news_box .news_txt label{ padding-top:2%; padding-bottom:2%; width:30%;}

/*分页*/
/*.pages a{ height:52px; line-height:52px;}*/

/*产品详细*/
.pro_con2 .pro_con2_t{ font-size:30px; margin-bottom:20px;}
/*工程案例*/
.case_ul ul li{ height:320px;}
.case_ul ul li .bg-list-hs p{ height:88px;}
}

@media screen and (max-width: 640px) {
/*关于我们*/
.about_t3{ font-size:30px;}
/*产品详细*/
#owl-demo5.owl-theme .owl-controls .owl-buttons{ display:none;}
.pro_two ul li{ font-size:14px; line-height:22px;}
.pro_two ul li h2{ font-size:16px;}

.pro_three{ font-size:16px; line-height:30px;padding-top:50px;}
.pro_three h2{ font-size:30px;}
.pro_con2 .pro_con2_t{ font-size:26px;}

/*新闻详细*/
.news_t2{ font-size:26px;}
.about_x .show_t{ font-size:26px; line-height:32px;}
/*下载列表*/
.down_ul ul li a{ font-size:16px; line-height:60px; height:60px; padding-left:46px;}
.down_ul ul li em{ padding-right:46px; font-size:12px;}

/*技术中心*/
.technology_bg2 .technology_div2 h2{ font-size:36px;}

/*工程案例*/
.case_ul ul li{ width:49%; margin-right:2%; height:400px;}
.case_ul ul li:nth-child(2n+0){ margin-right:0%;}
.case_ul ul li:nth-child(3n+0){ margin-right:2%;}
.case_ul ul li:nth-child(4n+0){ margin-right:0%;}
.case_ul ul li:nth-child(6n+0){ margin-right:0%;}
.case_ul ul li .bg-list-hs p{ height:110px;}
/*联系我们*/
.contact_con ul li{ width:94%;}
.feedback_div .inputs2{ width:100%; text-indent:2%;}
.feedback_div .textarea{ padding:2%; width:96%;}
}

@media screen and (max-width: 480px) {
/*分页*/
/*.pages a{ height:46px; line-height:46px;}*/
/*产品详细*/
.pro_two ul li{ width:47%; margin-bottom:5%; font-size:13px;}
.pro_two ul li img{ width:28%; margin-right:4%;}
.pro_two ul li h2{ font-size:15px;}
.pro_three{ font-size:14px; line-height:26px;}
.pro_three h2{ font-size:22px;}
.pro_three .pro_txt2{ width:90%;}
.pro_con2 .pro_con2_t{ font-size:22px;}
#owl-demo6 .item dd  h2{ font-size:14px;}
.about_x .con_id{ font-size:14px;}

/*新闻详细*/
.news_t2{ font-size:22px;}
.about_x .show_t{ font-size:22px; line-height:32px;}
/*下载列表*/
.down_ul ul li{ margin-bottom:12px;}
.down_ul ul li a{ font-size:14px;}

/*技术中心*/
.technology_div .technology_con h2{ font-size:22px; line-height:58px; height:58px; margin-top:8%;}
.technology_div .technology_con p{ font-size:14px;}
.technology_bg2 .technology_div2 h2{ font-size:26px;}
.technology_bg2 .technology_div2 .tel{ font-size:22px;}
.technology_bg2 .technology_div2 .tqq{ width:120px; height:33px;}

/*工程案例*/
.case_ul ul li{ height:320px;}
.case_ul ul li .bg-list-tit h4{ font-size:16px;}
.case_ul ul li .bg-list-yew h5{ font-size:16px;}
.case_ul ul li .bg-list-hs p{ height:88px;}
/*人才招聘*/
.job_list table td{ font-size:12px;}
.job_list ul li{background: url(../images/job_pic.png) #f6f6f6 99% 10px no-repeat;}
.job_list ul li:Hover{background:url(../images/job_pic3.png) #f6f6f6 99% 10px no-repeat;}
.job_list ul li.hauto{background: url(../images/job_pic3.png) #f6f6f6 99% 10px no-repeat;}



}
@media screen and (max-width: 768px) {
	

.pageController .t1 {
    float: none;
	width:100%;
	text-align:center;
    margin: 15px 5px;
    height: 24px;
    line-height: 22px;
    white-space: nowrap;
}
.pageController .t2 {
    float: none;
	width:100%;
	text-align:center;
    vertical-align: middle;
    line-height: 24px;
}

.foot_bg .foot_con .footer_fx_r .ct-info{ padding-left:15px;}

/*产品详细*/
.pro_two ul li{ font-size:12px; line-height:20px;}
.pro_two ul li h2{ font-size:14px;}

/*技术中心*/
.technology_bg2 .technology_div2 h2{ font-size:22px;}
.technology_bg2 .technology_div2 .tel{ font-size:20px;}
/*工程案例*/
.case_ul ul li{ height:260px;}
.case_ul ul li .bg-list-hs{ height:60%; bottom:40%;}
.case_ul ul li .bg-list-hs p{ height:66px;}
.case_ul ul li .bg-list-yew{ height:40%;}
}

#downform{ width:400px;}
#downform h3{ text-align:center; padding-bottom:10px; color:#337ab7;}
#downform .form-inline{ padding:10px 30px 0 30px;}
#downform .form-inline .input-error{ border:1px solid #f00;}
#downform .form-inline .msg-error{ color:#f00; padding-left:15%;}
.form-submit{ padding-top:15px;}
.form-submit .btn{ width:60%; display:block; margin:0 auto;}

@media screen and (max-width: 768px) {
	#downform{ width:100%;}
	#downform .form-group label, #downform .form-group{ display:inline-block; padding:0; width:100px;}
	#downform .form-control{ width: 100%; position:relative; top:3px;}
	#downform .form-inline{ padding:0; position:relative;}
	#downform .form-inline .form-group:first-child{ width:60%;}
	.form-submit{ padding-top:0;}
	.form-submit .btn{ width: 100%; margin:0;}
	#downform .form-inline .msg-error{ display:inline;  padding:0; position: absolute; right:0; top:0;}
	
	.about_ul{ width:100%;}
	.about_ul li{ width:90%; padding:0 5%; float: none; margin-bottom:15px;}
	.about_ul li em{ font-size:16px;}
	.about_ul li h2{ font-size:24px; color:#231815; margin-bottom:12px;}
	.about_ul li img{ max-width:100%; width:auto; height: auto; margin-bottom:12px; border-radius:10px;}
	.about2 .about_ul li{ width:90%; padding:0 5%; padding-bottom:4.5%;}
	.about5 .about_ul li:nth-child(4),.about5 .about_ul li:nth-child(5){ padding-bottom:4.5%;}
	.about7 .about_ul li:nth-child(7){ padding-bottom:4.5%;}
	.about4 .about_ul li,.about5 .about_ul li,.about6 .about_ul li,.about7 .about_ul li,.about8 .about_ul li{ padding-bottom:4.5%;}
}

﻿.anim-1,
.anim-2,
.anim-3,
.anim-4,
.anim-5,
.anim-6,
.anim-7,
.anim-8,
.anim-9,
.anim-10,
.anim-11,
.anim-12 {
  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(100px) translateX(0);
  transform: translateY(100px) translateX(0);
  opacity: 0;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.anim-1 {
  -webkit-transition: transform .8s,opacity .8s;
  -moz-transition: transform .8s,opacity .8s;
  -o-transition: transform .8s,opacity .8s;
  transition: transform .8s,opacity .8s;
}
.anim-2 {
  -webkit-transition: transform 1s,opacity 1s;
  -moz-transition: transform 1s,opacity 1s;
  -o-transition: transform 1s,opacity 1s;
  transition: transform 1s,opacity 1s;
}
.anim-3 {
  -webkit-transition: transform 1.2s,opacity 1.2s;
  -moz-transition: transform 1.2s,opacity 1.2s;
  -o-transition: transform 1.2s,opacity 1.2s;
  transition: transform 1.2s,opacity 1.2s;
}
.anim-4 {
  -webkit-transition: transform 1.4s,opacity 1.4s;
  -moz-transition: transform 1.4s,opacity 1.4s;
  -o-transition: transform 1.4s,opacity 1.4s;
  transition: transform 1.4s,opacity 1.4s;
}
.anim-5 {
  -webkit-transition: transform 1.6s,opacity 1.6s;
  -moz-transition: transform 1.6s,opacity 1.6s;
  -o-transition: transform 1.6s,opacity 1.6s;
  transition: transform 1.6s,opacity 1.6s;
}
.anim-6 {
  -webkit-transition: transform 1.8s,opacity 1.8s;
  -moz-transition: transform 1.8s,opacity 1.8s;
  -o-transition: transform 1.8s,opacity 1.8s;
  transition: transform 1.8s,opacity 1.8s;
}
.anim-7 {
  -webkit-transition: transform 2s,opacity 2s;
  -moz-transition: transform 2s,opacity 2s;
  -o-transition: transform 2s,opacity 2s;
  transition: transform 2s,opacity 2s;
}
.anim-8 {
  -webkit-transition: transform 2.2s,opacity 2.2s;
  -moz-transition: transform 2.2s,opacity 2.2s;
  -o-transition: transform 2.2s,opacity 2.2s;
  transition: transform 2.2s,opacity 2.2s;
}
.anim-9 {
  -webkit-transition: transform 2.4s,opacity 2.4s;
  -moz-transition: transform 2.4s,opacity 2.4s;
  -o-transition: transform 2.4s,opacity 2.4s;
  transition: transform 2.4s,opacity 2.4s;
}
.anim-10 {
  -webkit-transition: transform 2.6s,opacity 2.6s;
  -moz-transition: transform 2.6s,opacity 2.6s;
  -o-transition: transform 2.6s,opacity 2.6s;
  transition: transform 2.6s,opacity 2.6s;
}
.anim-11 {
  -webkit-transition: transform 2.8s,opacity 2.8s;
  -moz-transition: transform 2.8s,opacity 2.8s;
  -o-transition: transform 2.8s,opacity 2.8s;
  transition: transform 2.8s,opacity 2.8s;
}
.anim-12 {
  -webkit-transition: transform 3.0s,opacity 3.0s;
  -moz-transition: transform 3.0s,opacity 3.0s;
  -o-transition: transform 3.0s,opacity 3.0s;
  transition: transform 3.0s,opacity 3.0s;
}
.anim-show {
  -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);
  opacity: 1;
}
.anim-list .anim-1 {
  -webkit-transition: transform .5s,opacity .5s;
  -moz-transition: transform .5s,opacity .5s;
  -o-transition: transform .5s,opacity .5s;
  transition: transform .5s,opacity .5s;
}
.anim-list .anim-2 {
  -webkit-transition: transform .6s,opacity .6s;
  -moz-transition: transform .6s,opacity .6s;
  -o-transition: transform .6s,opacity .6s;
  transition: transform .7s,opacity .7s;
}
﻿/*轮显*/

/* ====== Slideshow & Scrollable ====== */

.carousel-direction a { 

	display:block; width:30px; height:60px; line-height:60px; overflow:hidden; position:absolute; top:50%; z-index:100; margin-top:-30px; 

	font-family:simsun; text-align:center; color:#fff; font-size:30px; text-decoration:none; cursor:pointer; background-color:#ad7669;

	-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;

}

.carousel-direction a:hover { background-color:#5a342b; color:#fff; text-decoration:none; }

.carousel-direction a.disabled, .carousel-direction a.disabled:hover { background-color:#e5e5e5; color:#ccc; cursor:default; }

.carousel-prev { left:0; }

.carousel-next { right:0; }

.carousel-btn { text-align:center; margin:10px 0; line-height:normal; }

.carousel-btn a { display:inline-block; width:13px; height:13px; margin:0 5px; border:1px solid #77808f; border-radius:50%; /*border-radius:50%; */}

.carousel-btn .selected {background:#0066cb; border-color:#0066cb;}

.carousel-btn a span { display:none;}

.carousel-btn-fixed { width:100%; position:absolute; bottom:54px; left:0; margin:0; z-index:8; }

.carousel-num { position:absolute; bottom:7px; right:10px; z-index:100; }

.carousel-num a { display:inline-block; *display:inline; *zoom:1; width:22px; height:22px; line-height:22px; margin:0 0 0 5px; text-align:center; background:#fff; font-size:12px; color:#2d2d2d; }

.carousel-num a:hover { text-decoration:none; }

.carousel-num a.selected { background:#5a342b; color:#fff; cursor:default; }

.carousel-thumbs { text-align:center; } 

.carousel-thumbs a { border:2px solid #ccc; margin:0 3px; display:inline-block; *display:inline; *zoom:1; }

.carousel-thumbs a img { display:block; }

.carousel-thumbs a:hover, .carousel-thumbs a.selected { border-color:#f60; }

.carousel { position:relative; }

.carousel-item { position:relative; float:left; display:block; }

.carousel-item .carousel-img { display:block; }

.carousel-item .carousel-img a[href="javascript:;"] { cursor:default; }

.carousel-item .carousel-img img { display:block; }

.carousel-info { position:absolute; bottom:0; left:0; width:100%; background:url(../images/opa70.png); }

.carousel-info-inner { font-size:13px; padding:8px 10px; color:#fff; }

.carousel-info-inner a, .carousel-info-inner a:hover { color:#fff; }

.carousel-info-inner h3 { font-size:15px; line-height:20px; color:#fff; }

.carousel-info-inner p {margin-top:5px; } 

.responsive-carousel { overflow:hidden; }

.responsive-carousel .carousel-item img { width:100%; height:auto !important; }

.responsive-carousel .carousel-direction { display:none; }

.responsive-carousel:hover .carousel-direction { display:block; }

.responsive-carousel-set .carousel-info-inner h3 { font-weight:normal; }

.slideshow { overflow:hidden; } 

.slideshow .carousel-direction a { width:55px; height:55px; line-height:55px;}

.slideshow .carousel-direction a:hover { }

.slideshow .carousel-prev {  position:absolute; top:51%;cursor:pointer;left:10%; background:url(../images/i_left.png) no-repeat; width:55px; height:55px; }
.slideshow .carousel-prev:Hover{background:url(../images/i_left_on.png) no-repeat; }
.slideshow .carousel-next { position:absolute; top:51%;cursor:pointer;right:10%;background:url(../images/i_right.png) no-repeat; width:55px; height:55px; }
.slideshow .carousel-next:Hover{background:url(../images/i_right_on.png) no-repeat;}
.slideshow-gallery { margin-bottom:20px; }

.slideshow-gallery .carousel-img a { display:block; text-align:center; width:100%; }

.slideshow-gallery .carousel-img img { display:inline; }

.slideshow-gallery .carousel-info-inner h3 { font-size:14px; line-height:18px; }

.slideshow-gallery .carousel-direction a { display:none !important; }

.slideshow-gallery:hover .carousel-direction a { display:block !important; }

.slideshow-gallery:hover .carousel-direction a { display:block; }

.slideshow-gallery-thumbs { position:relative; padding:0 30px; }

.slideshow-gallery-thumbs img { float:left; display:block; margin:0 2px; border:1px solid #ccc; cursor:pointer; width:104px; }

.slideshow-gallery-thumbs img:hover, .slideshow-gallery-thumbs img.selected { border:1px solid #f00; }

.slideshow-gallery-thumbs-direction { padding:0 50px; }

.slideshow-gallery-thumbs-direction a { 

	display:block; width:20px; height:76px; line-height:76px; overflow:hidden; position:absolute; top:50%; z-index:100; margin-top:-38px; 

	font-family:simsun; text-align:center; color:#fff; font-size:25px; text-decoration:none; cursor:pointer; background-color:#ccc; 

}

.slideshow-gallery-thumbs-direction a:hover { background-color:#999; color:#fff; text-decoration:none; }

.slideshow-gallery-thumbs-direction .thumbs-carousel-prev { left:0; }

.slideshow-gallery-thumbs-direction .thumbs-carousel-next { right:0; }

.slideshow-gallery-thumbs-direction .disabled, .slideshow-gallery-thumbs-direction .disabled:hover { background-color:#dcf2ff; color:#ccc; cursor:default; }


@media screen and (max-width:1440px) {	
/* slideshow */
.slideshow { height:563px !important;  }
.slideshow img { height:563px !important; }

}



@media screen and (max-width:1200px) {	
/* slideshow */
.slideshow { height:469px !important;  }
.slideshow img { height:469px !important; }
.slideshow .carousel-prev{ left:10%;}
.slideshow .carousel-next{ right:10%;}

}





@media (min-width:768px) and (max-width:991px) {


	/* slideshow */

	.slideshow { height:387px !important;  }

	.slideshow img { height:387px !important; }

	.slideshow-min { height:380px !important; }

	.slideshow-min img { height:380px !important; }

	.slideshow .carousel-direction { display:none; }

	.carousel-thumbs a img { width:100px; }


}







@media screen and (max-width:768px) {

	/* slideshow */

	.slideshow { height:300px !important;  }

	.slideshow img { height:300px !important; }

	.slideshow-min { height:300px !important;  }

	.slideshow-min img { height:300px !important; }

	.slideshow .carousel-direction { display:none; }

	.carousel-thumbs a { border:none; width:12px; height:12px; margin:0 5px; margin:0 5px; border-radius:50%; background-color:#ccc; }

	.carousel-thumbs a.selected { background-color:#1d1d1d; }

	.carousel-thumbs a img { display:none; }

	.slideshow .carousel-page{ display:none;}

}





@media screen and (max-width:640px) {

	/* slideshow */

	.slideshow { height:250px !important;  }

	.slideshow img { height:250px !important; }

	.slideshow-min { height:240px !important;  }

	.slideshow-min img { height:240px !important; }

	.scrollable .carousel-direction a { width:40px; height:40px; line-height:40px; }
	.carousel-btn{ bottom:10px;}
	.carousel-btn a { width:12px; height:12px; border-radius:50%; }

}



@media screen and (max-width:480px) {

	/* slideshow */	

	.slideshow { height:188px !important;  }

	.slideshow img { height:188px !important; }

	.slideshow-min { height:200px !important;  }

	.slideshow-min img { height:200px !important; }

	.slideshow .carousel-direction { display:none; }

	.carousel-thumbs a img { width:80px; }

	.scrollable-text { height:auto; }

	.scrollable-text .carousel-direction { display:none; }

	.carousel-btn-fixed { bottom:8px; }

	

}


@media screen and (max-width:360px) {

	/* slideshow */

	.slideshow-min { height:141px !important;  }

	.slideshow-min img { height:141px !important; }

	.slideshow .carousel-direction { display:none; }

	

}


.feedback {
    width: 260px;
    position: fixed;
    right: 30px;
    bottom: -9999px;
    box-shadow: 0 20px 40px 8px rgba(0, 0, 0, 0.25);
    font-size: 14px;
    border-radius: 10px 10px 0 0;
}

.feedback .feedbackHeader {
    height: 40px;
    line-height: 40px;
    border-radius: 10px 10px 0 0;
	margin:0;
	padding:0;
	font-size:17px;
    color: #ffffff;
    text-indent: 50px;
    font-weight: normal;
    cursor: pointer;
}

.feedback .eMailIco {
    background: url("../images/tel.png") 16px center no-repeat #0066cb;
    background-size: 21px auto;
}

.feedbackForm {
    padding: 16px 16px 30px 16px;
	background:#fff;
}

.feedbackForm .tips {
    color: #222d38;
    padding-bottom: 10px;
}

.feedbackForm .line {
    margin-bottom: 16px;
}

.feedbackForm .line input, .feedbackForm .line textarea {
    width: 100%;
    box-sizing: border-box;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: solid 1px #ccc;
    color: #222d38;
    display: block;
}

.feedbackForm textarea {
    resize: none;
    height: 78px;
    padding: 11px;
    line-height: 20px;
}

.feedbackForm .line input {
    height: 40px;
    line-height: 40px;
    padding: 0 11px;
}

.feedbackForm .btn {
    background: #0066cb;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
	padding:0;
    border: none;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    cursor: pointer;
}

.feedback .closeBtn {
    background: url("../images/closebtn.png") no-repeat;
    width: 28px;
    height: 28px;
    background-size: 28px 28px;
    position: absolute;
    left: -36px;
    top: 6px;
    cursor: pointer;
    display: none;
}


.jjfa2_main_body {
	position: relative;
	width: 1920px;
	height: 902px;
}

.jjfa2_main_body img {
	position: absolute;
}

.jjfa2_interaction {
	position: absolute;
}

.jjfa2_interaction_total {
	position: relative;
	width: 50px;
	height: 60px;
}

.ypt_fd {
				position: absolute;
				top: 340px;
				left: 950px;
			}

.jjfa2_line {
	position: absolute;
	display: inline-block;
	width: 22px;
	border-left: solid 2px;
	border-top: solid 2px;
	border-color: #007BFF;
	border-radius: 8px 0 0 0;
	display: none;
}

.jjfa2_line1 {
	position: absolute;
	display: inline-block;
	width: 22px;
	border-left: solid 2px;
	border-bottom: solid 2px;
	border-color: #007BFF;
	border-radius: 0 0 0 8px;
	display: none;
}

.jjfa2_but {
	position: absolute;
	display: inline-flex;
	width: 26px;
	height: 26px;
	background-image: url(../images/redblock.png);
}

.jjfa2_lab {
	position: absolute;
	display: inline-flex;
	height: 26px;
	line-height: 26px;
	background-color: white;
	font-size: 13px;
	color: #5c5a5a;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	display: none;
	overflow:hidden;
}

.jjfa1_but_wz1 {
	top: 218px;
	left: 638px;
}

.jjfa1_line_wz1 {
	top: 231px;
	left: 625px;
	height: 120px;
}

.jjfa1_lab_wz1 {
	top: 218px;
	left: 664px;
	width: 152px;
}

.jjfa1_but_wz2 {
	top: 147px;
	left: 1109px;
}

.jjfa1_line_wz2 {
	top: 160px;
	left: 1096px;
	height: 86px;
}

.jjfa1_lab_wz2 {
	top: 147px;
	left: 1135px;
	width: 98px;

}

.jjfa1_but_wz3 {
	top: 218px;
	left: 1278px;
}

.jjfa1_line_wz3 {
	top: 231px;
	left: 1265px;
	height: 69px;
}

.jjfa1_lab_wz3 {
	top: 218px;
	left: 1304px;
	width: 125px;
}

.jjfa1_but_wz4 {
	top: 324px;
	left: 1475px;
}

.jjfa1_line_wz4 {
	top: 337px;
	left: 1462px;
	height: 68px;
}

.jjfa1_lab_wz4 {
	top: 324px;
	left: 1501px;
	width: 152px;
}

.jjfa1_but_wz5 {
	top: 308px;
	left: 1742px;
}

.jjfa1_line_wz5 {
	top: 321px;
	left: 1729px;
	height: 68px;
}

.jjfa1_lab_wz5 {
	top: 308px;
	left: 1768px;
	width: 114px;
}

.jjfa1_but_wz6 {
	top: 654px;
	left: 862px;
}

.jjfa1_line_wz6 {
	top: 599px;
	left: 840px;
	height: 68px;
}

.jjfa1_lab_wz6 {
	top: 654px;
	left: 888px;
	width: 99px;
}

.jjfa1_but_wz7 {
	top: 497px;
	left: 393px;
}

.jjfa1_line_wz7 {
	top: 443px;
	left: 371px;
	height: 68px;
}

.jjfa1_lab_wz7 {
	top: 497px;
	left: 419px;
	width: 126px;
}

.jjfa1_but_wz8 {
	top: 609px;
	left: 1152px;

}

.jjfa1_line_wz8 {
	top: 554px;
	left: 1139px;
	height: 68px;
}

.jjfa1_lab_wz8 {
	top: 609px;
	left: 1178px;
	width: 124px;
}

.jjfa1_but_wz9 {
	top: 761px;
	left: 1418px;
}

.jjfa1_line_wz9 {
	top: 705px;
	left: 1405px;
	height: 69px;
}

.jjfa1_lab_wz9 {
	top: 761px;
	left: 1444px;
	width: 230px;
}

.jjfa2_menu {
	position: absolute;
	background:#fff;
	width: 234px;
	height: 371px;
	top: 35px;
	left: 120px;
	rgba(0, 0, 0, 0.3);
}

.jjfa2_menu label {
	display: block;
	margin-left: 19px;
	font-size: 20px;
	color: #5c5a5a;
	margin-bottom: 13px;
	font-weight: 600;
}

.jjfa2_menu a {
	display: block;
	margin-left: 19px;
	margin-bottom: 3px;
	font-size: 13px;
}

.jjfa2_menu_title1 {
	margin-top: 25px;
}

.jjfa2_menu_line {
	width: 56px;
	height: 1px;
	margin-top: 21px;
	margin-bottom: 21px;
	margin-left: 19px;
	background-color: #004085;
}

.jjfa2_circle {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #007BFF;
	display: none;

}

.jjfa1_circle_wz1 {
	top: 351px;
	left: 620px;
}

.jjfa1_circle_wz2 {
	top: 246px;
	left: 1091px;
}

.jjfa1_circle_wz3 {
	top: 300px;
	left: 1260px;
}

.jjfa1_circle_wz4 {
	top: 405px;
	left: 1457px;
}

.jjfa1_circle_wz5 {
	top: 389px;
	left: 1724px;
}

.jjfa1_circle_wz6 {
	top: 594px;
	left: 836px;
}

.jjfa1_circle_wz7 {
	top: 433px;
	left: 366px;
}

.jjfa1_circle_wz8 {
	top: 544px;
	left: 1134px;
}

.jjfa1_circle_wz9 {
	top: 696px;
	left: 1400px;
}

@media screen and (max-width: 1000px) {
	.jjfa2_main_body{ width:100%; height: auto}
	.jjfa2_main_body img{ position:inherit; width:100%; height:auto;}
	.jjfa2_interaction{ display:none;}
	
.jjfa2_menu {
	background:#fff;
	width: 100%;
	margin:0 auto;
	height: auto;
	top: 0;
	left: 0;

	 padding-bottom:30px;
}
	.jjfa2_menu a{ font-size:15px; padding:2px 0;}

}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../images/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../images/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(../images/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(../images/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}